discuz如何解决手机端图片显示模糊

作者 : OO资源中心 发布时间: 2020-05-11 文章热度:1.08K 共1616个字,阅读需5分钟。 本文内容有更新 字体:

目 录

本文主要内容:discuz如何解决手机端图片显示模糊问题,主要内容为discuz实现多图上传、图片大图显示、图片高质量显示discuz等功能,php中文网原创首发,转载请注明!更多文章请关注php中文网。

最终实现的效果图

实现多图上传

修改文件upload/template/default/touch/forum/post.htm 83行代码

修改内容:添加multiple属性


  • 修改js文件upload/template/default/touch/forum/post.htm 206行

    修改内容:直接复制过去即可

    for (var i=0;i"},
            uploadinputname:'Filedata',
            maxfilesize:"2000",
            success:uploadsuccess,
            error:function() {
                popup.open('上传失败,请稍后再试', 'alert');
            }
        });
    }

    测试多图上传:这个时候就已经实现了多图上传了

    discuz如何解决手机端图片显示模糊插图

    图片大图显示

    修改文件upload/template/default/touch/forum/discuzcode.htm 90行

    修改内容:把83改为330

    $fix = count($post[imagelist]) == 1 ? 140 : 330;

    修改完效果:对于上面的这个330应该就是显示图片的宽度的。但是这是在一个机器里边测试的,其他机型肯定有问题。而且图片已经模糊的不能看了。

    discuz如何解决手机端图片显示模糊插图(1)

    图片高质量显示

    我们打开pc端,发现pc端的图片竟然用的是原图

    discuz如何解决手机端图片显示模糊插图(2)

    在看看移动端的图片发现图片的显示规则使用他自己的规则,这个规则后边咔咔会在写到

    discuz如何解决手机端图片显示模糊插图(3)

    移动端的图片显示质量真是让人堪忧啊!

    修改文件upload/template/default/touch/forum/viewthread.htm 174行-183行修改为

    
    
    discuz如何解决手机端图片显示模糊插图(4)

    修改PHP文件upload/source/module/forum/forum_viewthread.php:在20行后加上即可

    # 主题图片
    $subjectImage = DB::fetch_all("select * from Pre_forum_attachment where tid= '$tid' limit 1");
    $subject_tableId = $subjectImage[0]['tableid'];
    $subjectData = DB::fetch_all("select attachment from pre_forum_attachment_$subject_tableId where tid= '$tid'");
    $thread['subjectImage'] = $subjectData;

    然后实现最终效果

    discuz如何解决手机端图片显示模糊插图(5)

    对在PHP文件里边添加的代码做一个简答的解释

    对于上传的图片都会进入一个索引表

    discuz如何解决手机端图片显示模糊插图(6)

    然后这个索引表会根据一定的规则把图片存进对应的表中

    discuz如何解决手机端图片显示模糊插图(7)

    # 主题图片
    $subjectImage = DB::fetch_all("select * from pre_forum_attachment where tid= '$tid' limit 1");
    $subject_tableId = $subjectImage[0]['tableid'];
    $subjectData = DB::fetch_all("select attachment from pre_forum_attachment_$subject_tableId where tid= '$tid'");
    $thread['subjectImage'] = $subjectData;

    这段代码其实就是根据主题id查询这个主题的图片是在哪个索引表存着。

    或者到主题图片的附件表后根据主题id获取主题图片

    然后存进一个全局变量即可

    然后前端拿着这个变量进行循环显示即可

    总结

    这几个功能是咔咔呕心沥血的折腾了半天才弄出来,网上的文章对于discuz大多数只是停留在后台的功能上,对于模板的二开文章很好。所以咔咔会在这方面给大家奉上一些解决方案,希望可以帮助到大家。


    关注微信公众号『OOINK』

    第一时间了解最新资源动态关注OO.INK不迷路~

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    下载资源需要解压密码,解压密码是什么?
    如下载的资源需要解压密码,请查看下载页右侧查找解压密码;
    如没有解压密码请尝试默认解压密码:www.oo.ink 或者 oo.ink
    或者联系我们获取解压密码!
    1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2、分享目的仅供大家学习和交流,请不要用于商业用途!
    3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    4、如有链接无法下载、失效或广告,请联系管理员处理!
    5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    OO.INK资源网 » discuz如何解决手机端图片显示模糊
    +已在风雨中度过
    为兴趣而改变,为梦想而努力!
    +已坚持更新
    时时更新,确保最新~

    开通SVIP,畅享全站资源下载~

    立即了解