1.0.3 • Published 4 years ago
compress-upload-image v1.0.3
compress-upload-image
实现
把上传的图片在本地用canvas画出来,从新设置其尺寸,再转化成blob data, 通过formData post到服务端
使用
import es6+
import CanvasUploaderTrasnsfer from 'compress-upload-image'
or in html
<script src="dist/index.js"></script>
new CanvasUploaderTrasnsfer({
upload_btn_selector: '#upload-form', //上传按钮选择器
max_size: { // 压缩尺寸
width: 1000,
height: 1000
},
multiple: false // 是否支持单次多个上传
/**
callback params
list: [
list_item: {file: file, name: file_name}
]
**/
transferCallback(file_list) { // 压缩后回调
/* do something like
let form_data = new FormData()
for (var i = 0; i < file_list.length; i++) {
form_data.append('file[]', file_list[i].file, file_list[i].name)
}
do ajax with form_data ...
*/
}
})