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); },