elementUI+VUE 实现多文件上传（自定义方法+FormData）

最新推荐文章于 2024-05-16 13:27:42 发布

爱写程序的小高

最新推荐文章于 2024-05-16 13:27:42 发布

阅读量983

点赞数 2

分类专栏： js vue 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/qq_38801090/article/details/121809208

版权

本文介绍如何利用ElementUI组件库和Vue.js框架，结合JavaScript的自定义方法和FormData，实现多文件上传的功能。包括组件配置和自定义上传逻辑的详细步骤。

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

1.组件部分

<el-upload
    class="upload-demo"
    action=""
    :http-request="myUploadFile"
    :on-change="onChangeFile"
    ref="upload"
    :on-preview="handlePreview"
    :on-remove="handleRemove"
    :before-remove="beforeRemove"
    :auto-upload="false"
    multiple
    :on-exceed="handleExceed"
    :file-list="fileList">
    <el-button slot="trigger" size="mini" round type="primary"><i class="el-icon-upload2"></i> 选择文件</el-button>
    <el-button style="margin-left: 10px;" round :disabled="fileList.length < 1" size="small" type="success" @click="submitUpload"><i class="el-icon-upload el-icon--right"></i>上传到服务器</el-button>
</el-uploa