<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'
})
}
})
return false;
}
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);
})
}