原因:文件修改内容后file的本地文件已经丢失
解决:
1.上传beforeUpload时将file转成base64,bese64与本地的文件状态已经无关了,再转成file。
保存base64格式
upload(info) {
const reader1 = new FileReader()
reader1.readAsDataURL(info)
reader1.onload = e => {
let obj={
result:e.target.result,
name:info.name
}
this.fileList.push(obj)
}
}
base64转file方法:
base64ConvertFile(urlData, filename) {
var arr = urlData.split(',')
var type = arr[0].match(/:(.*?);/)[1]
var bstr = atob(arr[1])
var n = bstr.length
var u8arr = new Uint8Array(n)
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
return new File([ u8arr ], filename, {
type: type
})
}
最后把转出来的file通过formdata上传
this.fileList.forEach(item=>{
let form = this.base64ConvertFile(item.result, item.name)
formData.append('files', form)
})