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

来源:undefined 2024-12-27 09:46:12 1059

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

最终实现的效果图

实现多图上传

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

修改内容:添加multiple属性

1

登录后复制

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

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

1

2

3

4

5

6

7

8

9

for (var i=0;i<this.files.length>"},

uploadinputname:Filedata,

maxfilesize:"2000",

success:uploadsuccess,

error:function() {

popup.open(上传失败,请稍后再试, alert);

}

});

}</this.files.length>

登录后复制

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

图片大图显示

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

修改内容:把83改为330

1

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

登录后复制

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

图片高质量显示

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

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

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

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

1

2

3

<!--{if $_G[&#39;forum_thread&#39;][&#39;subjectImage&#39;]}-->

<!--{loop $_G[&#39;forum_thread&#39;][&#39;subjectImage&#39;] $imageData}-->

<img  alt="discuz如何解决手机端图片显示模糊" ><!--{/loop}--><!--{/if}-->

登录后复制

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

1

2

3

4

5

# 主题图片

$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文件里边添加的代码做一个简答的解释

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

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

1

2

3

4

5

# 主题图片

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

以上就是discuz如何解决手机端图片显示模糊的详细内容,更多请关注php中文网其它相关文章!

最新文章