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

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

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

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

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

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

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

谢谢大家了！

回复内容：

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

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

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

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

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

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

谢谢大家了！

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

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

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

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