千家信息网

discuz解决手机端图片显示模糊的方法

发表于:2025-01-24 作者:千家信息网编辑
千家信息网最后更新 2025年01月24日,discuz解决手机端图片显示模糊的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!主要内容:discuz如何解决
千家信息网最后更新 2025年01月24日discuz解决手机端图片显示模糊的方法

discuz解决手机端图片显示模糊的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

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

最终实现的效果图

实现多图上传

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

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

    图片大图显示

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

    修改内容:把83改为330

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

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

    图片高质量显示

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

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

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

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

    然后实现最终效果

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

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

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

    # 主题图片$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解决手机端图片显示模糊的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

    0