<el-upload
name="file"
action="接口地址"
:accept=".xls,.xlsx,.zip,.pdf,.word"
:before-upload="doUpload">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
//上传
doUpload(file){
const isLt5M = file.size / 1024 / 1024 < 5;
if(!isLt5M){
this.$message.error('上传的文件大小不能超过5M!');
}
let form = new FormData();
// 参数
form.append('id', this.currentTree.id);
form.append('file', file);
this.$http({
method: 'post',
url: '接口地址',
data: form,
headers: {
'Content-Type':'multipart/form-data'
}
}).then(res => {
if(res.data.code === 0){
this.$message({
message: '上传成功',
type: 'success'
})
}else {
this.$message({
message: res.data.msg,
type: 'warning'
})
}
})
}
//下载
downLoad(item) {
//下载文件名
const nameStr = item.name;
//文件地址
const urlStr = item.url;
this.$http({
method: 'post',
url: `接口地址?filePath=${urlStr}`,
responseType: 'blob
}).then(res => {
if(!res.data) return;
var blob = new Blob([res.data]);
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement('a');
aLink.style.display = 'none';
aLink.href = url;
aLink.setAttribute('download',nameStr);
document.body.appendChind(aLink);
aLink.click();
document.body.removeChild(aLink);// 下载完成移除元素
window.URL.revokeObjectURL(url);// 释放掉blob对象
})
}