element-ui上传

 

vue方法代码：

 //上传附件
        handleRemove(file, fileList) {
            console.log(file, fileList);
            return this.$confirm(`确定移除 ${file.name}？`);
        },
        beforeUpload(file) {
            let start = file.name.indexOf(".");
            let type = file.name.slice(start + 1,);
            let fileSize = file.size / 1024 / 1024;
            if (this.fileType.includes(type) == -1) {
                this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
                return false
            }
            if (fileSize > 5) {
                this.$modal.msgError(`文件上传不能超过5MB!`);
                return false
            }


        },
        uploadSuccess(response, file, fileList) {
            this.loading = false;
            let image = ["png", "jpg", "jpeg"];
            console.log(response)
            this.fileList1.push({
                fileName: response.data.fileName,
                originName: response.data.originalFileName,
                fileUrl: response.data.filePath,
                fileType: image.indexOf(response.data.fileSuffix) > -1 ? "0" : "1",
                attachId: response.data.fileId,
                businessId: "",
                fileSize: response.data.fileSize / 1024,
                attachType: response.data.fileSuffix,
     
        },
        cancel() {
            this.$confirm('取消后填写内容将不被保存,是否取消?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                this.rest();
                this.attachList = [];
                this.$emit('update:visible', false)
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消保存'
                });
            });

        },