ElementUI实现文件手动上传

最新推荐文章于 2025-04-14 15:56:40 发布

chujian0325

最新推荐文章于 2025-04-14 15:56:40 发布

阅读量1k

点赞数

分类专栏： ElementUI实现文件手动上传

本文链接：https://blog.youkuaiyun.com/chujian0325/article/details/107693107

版权

本文介绍了如何在项目中利用ElementUI组件库实现文件的手动上传功能，包括HTML和JavaScript的相关代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ElementUI实现文件手动上传

HTML部分

<el-upload 
    ref="upload"
    :multiple="true"
    :file-list="fileList"
    :auto-upload="false"
    :on-remove="removeControl"
    :on-change="handleChange"
    :http-request="fileUploads"
    class="upload-demo" action="">
    <el-button slot="trigger" size="small" type="primary">选取</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传</el-button>
    <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
</el-upload>
<el-progress v-if="uploadProgressShow" :percentage="uploadPercent" :format="processFormat"></e