导入文件代码如下:
<el-button @click=“clickImport”>导入</el-button>
<input v-show="false" type="file" ref="firmware" @change="selected">
js:
clickImport() {
this.$refs.firmware.click();
}
selectd(value) {
console.log(value.target.files); // 上传文件相关信息
}
导出文件代码如下:
<el-button @click=“clickExport”>导出</el-button>
js:
function clickExport() {
let res = this.api.exportFile(this.exportSaveParam); //请求导出接口(封装过);this.exportSaveParam:接口所需参数
let fileName = decodeURIComponent(res.headers['content-disposition'].split('filename=')[1]); //获取接口返回的filename(下载文件名称)
let blob = new Blob([res.data]); //转化接口返回的data
let objUrl = URL.createObjectURL(blob);
let link = document.createElement('a'); //创建a标签
link.style.display = 'none';
link.href = objUrl;
link.setAttribute('download', fileName);
document.body.appendChild(link)
link.click();
document.body.removeChild(link);
link = null;
// 导出完成
}