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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了我在做一个商城项目，但是手机版的难住我了，用UEditor编辑商品详情里面传了很多图片，这些图片不适合在手机上面浏览，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2489字，纯文字阅读大概需要4分钟。

内容图文

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

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

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

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

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

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

谢谢大家了！

回复内容：

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

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

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

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

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

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

谢谢大家了！

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

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

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

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

内容总结

以上是互联网集市为您收集整理的我在做一个商城项目，但是手机版的难住我了，用UEditor编辑商品详情里面传了很多图片，这些图片不适合在手机上面浏览全部内容，希望文章能够帮你解决我在做一个商城项目，但是手机版的难住我了，用UEditor编辑商品详情里面传了很多图片，这些图片不适合在手机上面浏览所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端