读取上传附件的内容与手动上传附件

1、以element-ui中的上传附件为例，读取上传附件的内容

 

上图中的截图是el-upload组件上传附件后返回的内容，其中raw字段的值便是文件的信息，如果我们想要读取文件中的具体信息，用以下方式：

let reader = new FileReader();
reader.readAsText(file.raw); // 以字符串的格式读取文件
reader.onload = function() {
      console.log(this.result); //文件的内容
};
// 其他的读取方式可以查看下面链接
https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader

 

 

 

 

2、以element-ui中的上传附件为例，手动上传附件

上图我们已经知道raw字段的值便是待上传的附件信息

// 附件上传
var formdata = new FormData();
formdata.append("file", file.raw);
// 下图列子中，formdata作为手动上传中post请求中的body参数的值