完成效果:
这里先不做详细代码介绍,先把我度娘到的资料整理出来,在下一篇博客会附上代码分析和完整的代码。
非常感谢下面各位大大的博客:
1)
html5选择多张图片在页面内预览并上传到后台_GrowingMon的博客-CSDN博客_html5 上传多张图片
2)若依 Spring Boot 多文件上传亲测_那杯热咖啡-CSDN博客_若依多文件上传
3)js canvas 图片压缩 并转换为 file 类型文件_guohao326的博客-CSDN博客_canvas转file
4)使用FormData数据做图片上传: new FormData() canvas实现图片压缩_weixin_38166793的博客-CSDN博客
7)HTML5 file API加canvas实现图片前端JS压缩并上传 - 时间风暴 - 博客园
8)HTMLCanvasElement.toDataURL() - Web API 接口参考 | MDN