康盛创想解决手机端图片显示模糊的方法

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

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

最终实现的效果图

实现多图上传

修改文件上传/模板/违约/联系/论坛/职位。htm, 83行代码

修改内容:添加多个属性

& lt;李风格=疤畛?0 px;“比; 　　& lt; a href=癹avascript:“类=皔"风格=氨尘?url(静态/图像/移动/图片/icon_photo.png)不再重演;溢出:隐藏;“比; 　　& lt;输入类型=癴ile"name=癋iledata"多个=癿ultiple"id=癴iledata"风格=翱矶?30 px;高度:30 px;字体大小:30 px;不透明度:0;“比; 　　& lt;/a> 　　& lt;/li>

修改js文件上传/模板/违约/联系/论坛/职位。htm, 206行

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

为(var i=0; i< this.files.length;我+ +){ 　　var file_data=[]; 　　file_data.push (this.files[我]); 　　美元.buildfileupload ({ 　　uploadurl: & # 39; misc.php ? mod=swfupload&操作=upload&类型=image& inajax=yes&浮子=yes&简单=2 & # 39; 　　文件:file_data, 　　uploadformdata: {uid:“美元_G (uid)“,哈希:“& lt; !——{eval回声md5 (substr (md5 ($ _G(配置)[安全][authkey]), 8)。美元_G (uid))},在“}, 　　uploadinputname: & # 39; Filedata& # 39; 　　maxfilesize:“2000”; 　　成功:uploadsuccess, 　　错误:函数(){ 　　popup.open(& # 39;上传失败,请稍后再试& # 39;,& # 39;预警# 39;); 　　｝ 　　}); 　　}

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

图片大图显示

修改文件上传/模板/违约//论坛/discuzcode联系。htm,90行

修改内容:把83改330年为

$修复=计数(post (imagelist)美元)==1 ?140:330,

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

图片高质量显示

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

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

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

修改文件上传/模板//联系/论坛/viewthread违约。htm, 174行-183行修改为

& lt; !——{如果$ _G [& # 39; forum_thread& # 39;] [& # 39; subjectImage& # 39;]}——比; 　　& lt; !——{循环$ _G [& # 39; forum_thread& # 39;] [& # 39; subjectImage& # 39;] $ imageData}——比; 　　& lt; img src=https://www.yisu.com/zixun/笆?附件/论坛/美元imageData(附件)“alt=" "> 　　循环 　　

修改PHP文件上传//模块/论坛/forum_viewthread来源。php:在20行后加上即可

#主题图片 　　$ subjectImage=DB:: fetch_all (“select * from pre_forum_attachment tid=& # 39;美元tid # 39;限制1“); 　　subject_tableId=subjectImage美元[0][& # 39;tableid& # 39;]; 　　$ subjectData=https://www.yisu.com/zixun/DB: fetch_all(“选择附件从pre_forum_attachment_ subject_tableId tid=$ tid”); 　　线程[' subjectImage ']=subjectData美元;

然后实现最终效果

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

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

康盛创想解决手机端图片显示模糊的方法