使用elementui实现表单上传功能_vue elementUI实现图片上传到本地示例效果

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

查阅饿了吗官方文档可以了解上传组件的使用方法。http://element.eleme.io/#/zh-CN/component/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"

>

选取文件

上传到服务器

具体的绑定method的方法见官方文档

上传到本地，需要在后台建立一个接口进行接收，接口代码如下：

@Override

public void handle(List fileItemList, NetUpMediaapiImgUpload up, NetDownMediaapiImgUpload down, HttpServletResponse response) {

System.out.println("path:"+getBasePath());

if (!CommUtil.isEmpityList(fileItemList)) {

List paths=new ArrayList();