js图片压缩方案
- 系统使用B/S架构,s采用nodejs开发,b使用webkit内核引擎进行页面显示。
- 需求说明:
2.1、用户在上传图片的时候可以上传任意尺寸、大小的图片。同一图片只需上传一张。
2.2、后台在接受用户上传的图片B后进行图片压缩(因后台语言的是nodejs,所以尽量使用js框架来实现,java框架的移植成本太高),将原图片进行等比例或规定尺寸压缩后分别存储为B1、B2、B3。也可通过路径来控制不同比例的图片。
2.3、图片预览,在用户浏览图片时,可以根据尺寸来进行图片浏览,此时访问的图片的路径和名字可能不同。比如100尺寸的是B1、200尺寸的是B2。
问题:如何使用js框架在图片上传的时候就可以进行图片压缩,不同比例、尺寸存放多个图片文件。
有木有解决方案或者其他的方法来实现。
重要的是空间换时间。。同一页面加载后压缩的就没太有必要了。一个页面图片太多,加载时间太长影响用户体验。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
一定要把图片存在自己的服务器么?如果不是那用7牛,又拍这样的云存储会更好,上传一张图片,使用api对图片进行压缩,更方便。上传任意尺寸,大小的图片,还要按不同的尺寸比例压缩,自己服务器要没特殊需求真没这必要。
可以试试这个库 image-conversion,在线测试体验戳这里