素材牛VIP会员
我在做一个商城项目,但是手机版的难住我了,用UEditor 编辑商品详情里面传了很多图片,这些图片不适合在手机上面浏览
 wg***ge  分类:ThinkPHP  人气:693  回帖:3  发布于6年前 收藏

我在做一个商城项目,但是手机版的难住我了,用UEditor 编辑商品详情里面传了很多图片,这些图片不适合在手机上面浏览,手机版的怎么解决呢?

  1. 如果是商品图片那只需要传一张就可以了,然后当为手机端请求时,就能根据网络状态来输出不同程度的压缩图片,这样就解决了手机端访问慢了。我是这样想的,目前还没有这么做,但是觉得可行,也很容易实现,就是src变成不再是绝对的图片地址,而是一个可以输出图片的脚本url。

但是现在的情况是,商品详情,就是个UEditor富文本内容,我根本没有用表来记录上传到内容里面的图片地址,所以我就不知道有哪些图片了,我不知道有没有必要,记录下详情里面的图片,就像是一个帖子的附件一样?

这个富文本在电脑上使用很方便,编辑出来的详情页面也适合在电脑上展示,但是用于手机端就不适合了,图片都太大了,尺寸也不行,所以我又想用上面那种方法来实现图片的压缩,但是现在这些图片就是详情的文本内容而已,我就不能把它们怎么样了。那么手机端的详情展示需要怎么弄呢?

好像天猫手机版的详情页是需要另外独立设置的,但我觉得这样也太麻烦了吧,一个商品还要重复的设置两个详情,同样的图片,上传两次,这样好吗?

我想知道大家在这种情况下是怎么做的呢,再帮我分析一下我上面的那种方法有没有问题,我如果不那么做,难道商品图片我都要传两次相同的图片吗?

谢谢大家了!

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv2 入门
多***哈 JS工程师 6年前#1

上传详情的图片规格多压缩几个,然后手机端访问时判断调用小规格图片,width 100%

Lv3 码奴
li***09 软件测试工程师 6年前#2

只做压缩的话,可以提交以后用正则获取详情内的图片,批量压缩一次。

但是如果这些图片以后还有其他作用,就要考虑用单独表存放了。

Lv3 码奴
那***s JS工程师 6年前#3

添加一个style="width:100%"

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取