0

0

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

咔咔

咔咔

发布时间:2020-05-03 00:07:33

|

4639人浏览过

|

来源于php中文网

原创

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

最终实现的效果图

图片.png

实现多图上传

修改文件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');
            }
        });
    }

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

    图片.png

    图片大图显示

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

    修改内容:把83改为330

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

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

    图片.png

    图片高质量显示

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

    图片.png

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

    图片.png

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

    奇布塔
    奇布塔

    基于AI生成技术的一站式有声绘本创作平台

    下载

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

    
    
    @@##@@
    
    

    修改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如何解决手机端图片显示模糊

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

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

    图片.png

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

    图片.png

    # 主题图片
    $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大多数只是停留在后台的功能上,对于模板的二开文章很好。所以咔咔会在这方面给大家奉上一些解决方案,希望可以帮助到大家。

    图片.png

    相关专题

    更多
    菜鸟裹裹入口以及教程汇总
    菜鸟裹裹入口以及教程汇总

    本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

    0

    2026.01.22

    Golang 性能分析与pprof调优实战
    Golang 性能分析与pprof调优实战

    本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

    9

    2026.01.22

    html编辑相关教程合集
    html编辑相关教程合集

    本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

    56

    2026.01.21

    三角洲入口地址合集
    三角洲入口地址合集

    本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

    51

    2026.01.21

    AO3中文版入口地址大全
    AO3中文版入口地址大全

    本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

    397

    2026.01.21

    妖精漫画入口地址合集
    妖精漫画入口地址合集

    本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

    118

    2026.01.21

    java版本选择建议
    java版本选择建议

    本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

    3

    2026.01.21

    Java编译相关教程合集
    Java编译相关教程合集

    本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

    16

    2026.01.21

    C++多线程相关合集
    C++多线程相关合集

    本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

    11

    2026.01.21

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    R 教程
    R 教程

    共45课时 | 5.4万人学习

    Bootstrap 5教程
    Bootstrap 5教程

    共46课时 | 3万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号