图片上传是前端开发中经常使用到的,上传方案也有很多种吧,可能你有在使用一些插件完成上传,(比如我以前自己写的一个后台系统)现在在这里总结下图片上传的解决方案。主要有一下几种:
1.input 标签之 file 类型
2.FileReader 对象:读取文件
3.FileReader.readAsDataURL():将读取的文件转换为 base64 编码的字符串
4.FormData 对象
5.使用 axios 上传
input 标签之 file 类型
当设置 input 标签 type 为 file 时,input 表现性状为上传文件样式
file-input 有如下属性:
accept
指定选择文件类型的范围。默认为所有文件类型
图片为 accept=”image/*“
文件类型取值见MDN
capture
当文件类型为图片或视频且在移动端时,此属性才有意义。
capture = ‘user’ 调用前置摄像头
capture = ‘environme