upload组件
代码解析
1 | <input class="kfcv-upload" type="file" :accept="accept" :capture="capture" :multiple="multiple" @change="onChange"> |
1 | export default { |
具体解析
- input 属性
- accept
- capture
- multiple
- change 事件
- fileList -> fileArray
- FileReader 读取图片 fileObj -> base64Url
- base64Url -> canvas
- canvas 操作,缩放,裁剪,翻转,压缩,等等
- canvas -> base64Url
- base64Url -> blob
- blob -> formData
- formData 的 xhr 上传
- exif-js