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


原文:https://www.cnblogs.com/zwhbk/p/13359198.html

                            
                                
上传文件
        // 开始上传前验证
        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);
        },