原生js文件上传获取成功回调

Question

原生js文件上传之后怎么确定文件上传成功，怎么获取回调，失败又是怎样的？

Answer 1

img(e) {
let that = this;//改变this指向
let files = e.target.files[0];//图片文件名
if (!e || !window.FileReader) return; // 看是否支持FileReader
let reader = new FileReader();
reader.readAsDataURL(files); // 关键一步，在这里转换的
reader.onloadend = function () {
that.src = this.result;//赋值
}
let param = new FormData(); //转换为表单进行发送给后端
param.append("imgFile", files); //第一个参数就是后端要接受的字段，要一样，不一样会发送失败
this.$axios.post(this.$api.ip,param).then((data)=>{

  })
}