使用elementUI实现将图片上传到本地

最新推荐文章于 2024-08-15 15:35:32 发布

万万没想到0831

最新推荐文章于 2024-08-15 15:35:32 发布

阅读量3.4w

点赞数 3

分类专栏：平时遇到的问题

本文链接：https://blog.csdn.net/qq_36752632/article/details/77897317

版权

这篇博客介绍了如何利用Element UI的上传组件将图片上传到本地。通过查阅饿了么官方文档，学习了上传组件的使用，并在前端页面实现了相应的代码。同时，博主提到了在后台需要创建一个接口来接收上传的图片。

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

查阅饿了吗官方文档可以了解上传组件的使用方法。http://element.eleme.io/#/zh-CN/component/upload

前台的页面代码为：

<el-upload
                class="upload-demo"
                ref="upload"
                action="http://127.0.0.1:20001/Administration/MediaApiLhUploadHandler"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :file-list="fileList"
                :auto-upload="false"
              >
                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
                <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-b