vue下封装原生input type='file'上传多张图片之将（文件文件上传或转换为base64上传）传给后端

 1. 处理原生js的input type='file'上传。

 2. 图片上传的加载效果。

 

3.//整个文件/图片（不用转换base64）上传到后端：参考：https://www.jb51.net/article/136861.htm。

//整个文件/图片（不用转换base64）上传到后端
 fileChange (e) {  // input type='file'的 @change='fileChange'
        e.preventDefault();    
        this.file = event.target.files[0]; //这里只考虑每次只上传一张图
        let formData = new FormData();
        formData.append('prefix', 'createCourseCover');
        formData.append('file', this.file);
        
        this.$axios.post('/media/upload', formData).then(res=> {
            if (res.code == 0) {
                this.form.cover = res.data;
                this.$refs.referenceUpload.value = null;
            } else {
                Toast({  message: res.message,  position: 'bottom',  duration: 5000});
            }
        })
  }