vue+element_ui上传文件,并传递额外参数(自动上传)

                            <el-upload
                                action="api_ws/api/Contract/AttachmentUpload"
                                list-type="picture-card"
                                :limit="1"
                                :auto-upload="true"
                                :before-upload="beforeUploadForm"
                                :http-request="imageChange"
                            >
                                <div>上传文件</div>
                            </el-upload>
        // 开始上传前验证
        beforeUploadForm (file) {
            // 验证文件类型
            var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1)
            const extension = testmsg === 'jpg' || testmsg === 'png' || testmsg === 'gif'
            if (!extension) {
                this.$message({
                    message: '上传文件只能是jpg/png/gif格式!',
                    duration: 1000,
                    showClose: true,                
                    type: 'warning'
                })
            }
            return extension
        },

        // 提交图片
        imageChange(param,type){
            // console.log(param);
            let formData = new FormData()
            formData.append('files', param.file)
            formData.append("fileId", '文件ID)// 额外参数
            thiz.$axios.post('http://localhost:8080/upload/file', formData).then(res => {
                // console.log(res);
                if (res.IsSuccess) {
                    this.imgList.push(res.Data.Data)
                }
            });            
            // console.log(this.imgList);
        },

 

posted @ 2020-07-22 10:30  五环  阅读(8885)  评论(0编辑  收藏  举报