<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:file-list="item.fileGroup"
:on-preview="(file)=>{return handlePreview(file,index)}"
:on-remove="(file, fileList)=>{return handleRemove(file, fileList, index)}"
:on-success="(response, file, fileList)=>{return handleSuccess(response, file, fileList, index)}"
:before-remove="(file, fileList)=>{return beforeRemove(file, fileList, index)}"
multiple
:limit="3"
:on-exceed="(file, fileList)=>{return handleExceed(file, fileList, index)}"
>
<el-button size="small" type="primary">添加附件</el-button>
<!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> -->
</el-upload>
handleRemove(file, fileList,index) {
console.log(file, fileList,index);
},
handlePreview(file,index) {
console.log(file,index);
},
handleSuccess(res, file,fileList, index) {
console.log(res, file,fileList,index);
// this.fileType=file.type
// this.flieName=file.name
// this.fileID=res.data.id
// this.flieKey=index
// this.loginForm.items1[index].fileList.push({
// name: file.name,
// url: res.data.url
// })
},
handleExceed(files, fileList,index) {
this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择 了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList,index) {
return this.$confirm(`确定移除 ${ file.name }?`);
}