首先看一下手动上传带参数的:
这里点击上传按钮不会进行上传,只有点击手动上传按钮的时候才会带参数进行上传,看一下实现代码:
ref="upload" class="upload-demo" action="javascript:void(0);" :limit="1" :show-file-list="false" :auto-upload="false" :on-change="onChange" :disabled="fileList.length > 0 ? true : false" accept=".xlsx,.xls" > size="small" type="primary" :disabled="fileList.length > 0 ? true : false" > 点击上传 {{ item.name }}
这里的action="javascript:void(0);"就是告诉浏览器不自动提交,当点击按钮需要提交的时候才会执行上传.
自动上传需要携带参数的:
看一下实现代码:
ref="uploadFile" :action="`${baseUrl}/invoice/uploadZip`" :before-upload="handleBeforeUpload" class="upload-demo" :data="{ pid: form.methods, }" drag :headers="uploadHeader" :on-error="handleError" :on-success="handleUploadSuccess" :show-file-list="false" >
自动上传action就需要写上上传的地址,data里面就是除上传的文件外其他的参数
自动上传和手动上传带参数就实现了,有需要的可以试试看,完结!
发表评论