js实现图片预览压缩上传

Posted 求知如渴、虚心若愚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现图片预览压缩上传相关的知识,希望对你有一定的参考价值。

先看几个对象:
Blob、ArrayBuffer、File、fileReader、formData

详细解释请参考:https://www.cnblogs.com/youhong/p/10875190.html

文件上传必用表单<form></form>:

1、获取表单信息
2、转为base64
3、压缩base64通过canvas
4、把base64转为文件对象
5、AJAX提交信息

https://blog.csdn.net/Clara_G/article/details/87936853

以上是关于js实现图片预览压缩上传的主要内容,如果未能解决你的问题,请参考以下文章

H5图片预览压缩上传

H5图片预览压缩上传

js上传图片预览

使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器

JS实现的图片预览功能

前端预览图片和H5canvas压缩图片上传