vue文件上传

情景描述：

客户有一个需求，需要上传文档，把文档的内容导入数据库表里。

功能描述：

上传文件，将文件转换成文件流，调用接口传递文件流。

	<input type="file" ref="picers" style="display:none" @change="afterImportFile" />

			afterImportFile() {
				var fileObj = this.$refs.picers.files[0];
				var reader = new FileReader();
				reader.readAsArrayBuffer(fileObj);
				reader.onload = (e) => {
					var byts = new Uint8Array(e.target.result);
					var bytarr = [];
					for (var i = 0; i < byts.length; i++) {
						bytarr.push(byts[i]);
					}
					this.importFile(bytarr);
					this.$refs.picers.value = null;
					this.$refs.picers.files = [];
				} 
			},
		// 导入数据接口
        importFile(data, type) {
            Api.ImportFile({ 
            	"FileContent": data,
                "Ext": 'xlsx'
            }).then(res => {
                if (res) {
                    this.$Notice.success({title: '上传成功'});
                }else{
                     this.$Notice.error({ title: '上传失败'});
                }
            })
        },