HTML代码:
<el-upload
class="upload-demo"
ref="upload"
action="uploadUrl"
:http-request="handleRequest"
:on-success="handleSuccess"
accept=".jpg, .png, .pdf, .pdfx, .excel, .excelx, .xls, .xlsx, .doc, .docx, .txt"
:multiple="true"
:file-list="fileList"
>
<el-button size="mini" class="el-icon-upload2" type="primary">上传</el-button>
<div slot="tip" class="el-upload__tip" >上传文件总大小,不可超过1000MB</div>
</el-upload>
JS代码:
handleRequest(param) {
let fileObj = param.file;
let form = new FormData();
form.append("file", fileObj);
form.append("parentId", this.ClickTreeData.docId);
let self = this;
request({
url: "/document/uploadFile",
method: "post",
data: form,
onUploadProgress: (progressEvent) => {
let num = ((progressEvent.loaded / progressEvent.total) * 100) | 0;
param.onProgress({ percent: num });
},
}).then((res) => {
if (res.code == 20000) {
param.onSuccess();
} else {
this.$message.error(message);
}
});
},