热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

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

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

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

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

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

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

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

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

谢谢大家了!

回复内容:

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

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

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

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

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

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

谢谢大家了!

添加一个

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

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

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

推荐阅读
  • 最佳PHP源码加密工具推荐
    本文探讨了几款高效的PHP源码加密工具,旨在帮助开发者保护其代码免受未授权访问。文章不仅介绍了商业软件的选择,还提供了一些免费且实用的加密工具及其使用方法。 ... [详细]
  • 基于2-channelnetwork的图片相似度判别一、相关理论本篇博文主要讲解2015年CVPR的一篇关于图像相似度计算的文章:《LearningtoCompar ... [详细]
  • GNU GRUB(简称GRUB)是一个来自GNU项目的支持多启动的引导加载程序。它允许用户在同一台计算机上安装多个操作系统,并在启动时选择希望启动的系统。 ... [详细]
  • 如何寻找和修改高质量背景图片
    本文介绍了获取高质量背景图片的方法以及如何通过简单的步骤对这些图片进行修改,适用于网页设计和博客美化。 ... [详细]
  • 本文从数据埋点的设计者视角出发,全面解析数据埋点的技术原理、应用场景及其管理方法,涵盖基础知识、实施策略、数据处理流程等内容。 ... [详细]
  • 如何轻松将WMA文件转换为MP3格式?
    本文介绍了一种简便的方法,可将WMA音频文件高效转换为更通用的MP3格式,支持批量处理。 ... [详细]
  • ExtJS项目高效打包与部署指南
    本文详细介绍了如何使用Sencha Cmd工具对ExtJS项目进行高效打包及部署,包括测试打包、检查依赖项以及生产环境下的打包方法。 ... [详细]
  • 如何有效管理并删除微信公众号中的多余图片
    当您的微信公众号积累了大量图片素材时,如何高效地管理和删除不再需要的图片成为了一个重要问题。本文将详细介绍从编辑状态退出、进入素材管理界面到最终完成图片删除的全过程。 ... [详细]
  • 想要使用Linux,以下这些命令不可少的哦!我在工作中经常用到的大多数都是一些文件的查找,和上传下载什么的,没什么技术含量& ... [详细]
  • 图像分类算法的优化策略与实践
    本文探讨了《Bag of Tricks for Image Classification with Convolutional Neural Networks》论文中的多项技术,旨在通过具体实例和实验验证,提高卷积神经网络在图像分类任务中的性能。文章详细介绍了从模型训练加速、网络结构调整到训练参数优化等多个方面的改进方法。 ... [详细]
  • EVE-NG镜像扩充,迈向新高度!
    关注EmulatedLab微信公众号,获取最新文章及下载链接。本文将详细介绍EVE-NG的最新镜像更新,包括新增功能和使用技巧。 ... [详细]
  • PHP 实现数据库数据处理并实时更新客户端状态
    本文介绍了使用 PHP 处理数据库中的数据,并在每次处理后实时向客户端反馈当前状态的方法。适合需要监控数据处理进度的应用场景。 ... [详细]
  • 深入探讨jQuery中的事件处理、动画效果及表单操作
    本文详细介绍了jQuery这一流行的JavaScript库在事件处理、动画效果实现以及表单操作方面的应用。通过具体的示例和代码片段,帮助开发者更好地理解和运用jQuery的强大功能。 ... [详细]
  • 本文记录了一位求职者在腾讯面试中的经历,特别提到面试过程中关于新闻APP相关问题的探讨。文章分析了自我介绍的重要性,项目经验的表述技巧,以及技术问题的回答策略。 ... [详细]
  • 本文介绍了如何通过Java代码实现Excel文件的上传,并将其中的数据读取后存储到数据库中。同时,记录了操作日志以确保操作的可追溯性。 ... [详细]
author-avatar
手机用户2502940275
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有