el-upload 文件上传

最新推荐文章于 2024-09-04 19:46:28 发布

易de

最新推荐文章于 2024-09-04 19:46:28 发布

阅读量3.7k

点赞数

分类专栏： vue element

本文为博主原创，未经博主允许不得转载。如有问题，欢迎指正。

本文链接：https://blog.csdn.net/qq_45021462/article/details/119040547

版权

本文介绍了el-upload组件的使用方法，包括设置上传文件的字段名、类型限制、上传地址、是否支持多文件上传、是否自动上传等属性。同时，讲解了如何处理文件上传前后的操作，如before-upload、on-success、on-error等回调函数，以及如何设置上传请求的头部信息和额外参数。此外，还提到了如何在文件上传成功后清除文件列表，确保下一次上传时不会显示旧文件。

摘要由CSDN通过智能技术生成

<div class="upload-active">
          <el-upload
            name="file"
            accept=".docx"
            action="/api/file"
            ref="uploadref"
            :multiple="false"
            :auto-upload="true"
            :show-file-list="true"
            :before-upload="beforeUpload"
            :on-success="handleSuccess"
            :on-error="handleError"
            :headers="myHeaders"
            :before-remove="beforeRemove"
            :on-remove="handelRemove"
            :data="type" >
            <div
              v-if='!isDisabled'
              class="upload-pdf-btn">
              上传 文件
            </div>
          </el-upload>
        </div>

name：上传的文件字段名；
accept：限制文