H5图片预览、压缩、上传

目标实现:

1、选择图片, 前端预览效果

2、图片大于1.2M的时候, 对图片进行压缩

3、以表单的形式上传图片

4、图片删除

预览效果图:

代码说明:

1、input:file选择图片

2、图片预览(base64)

3、图片压缩

压缩后的文件是base64格式, 我们希望用file图片的形式上传

4、图片上传

5、其他

完整源码:

 

转自https://www.cnblogs.com/ww03/p/9507039.html


发表评论

电子邮件地址不会被公开。 必填项已用*标注