discuz如何解决手机端图片显示模糊-Discuz-php.cn

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

最终实现的效果图

实现多图上传

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

修改内容：添加multiple属性

Salin selepas log masuk

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

Salin selepas log masuk

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

图片.png

图片大图显示

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

修改内容：把83改为330

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

Salin selepas log masuk

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

图片.png

图片高质量显示

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

图片.png

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

图片.png

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

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

Salin selepas log masuk

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

Salin selepas log masuk

然后实现最终效果

图片.png

对在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;

Salin selepas log masuk

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

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

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

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