JS上传文件

用elemnet ui的上传

      <el-upload class="upload-demo" ref="upload" :action="fileListApi" :auto-upload="false"
                                    :on-remove="handleRemove" :on-change="handleChange" :file-list="fileList" multiple
                                    :http-request="submitUploadFile" :limit="3">
                                    <el-button size="small" type="primary">点击上传</el-button>
                                </el-upload>

vue部分

        submitUploadFile(params) {
            console.log("submitUploadFile");
            var _this = this;

            const _file = params.file;
            // 通过 FormData 对象上传文件
            var formData = new FormData();
            formData.append("file", _file);
            formData.append("requirementId", _this.demand_detail.custRequirement.id);
            formData.append("handleRecordId", _this.handleRecordId);
            formData.append("fileType", _file.type);

            $.ajax({
                url: _this.fileListApi,
                contentType: false,
                processData: false,
                type: "POST",
                data: formData,
                success: function (res) {
                    if(res.errorCode == 0){
                        _this.clearFilesUpload()
                    }
                }
            })
        },
        submitUpload() {
            this.$refs.upload.submit();
        },
        // 清空文件选择
        clearFilesUpload() {
            this.$refs.upload.clearFiles();
        },