前台代码:
<el-upload class="upload-demo" ref="upload" :action="this.scms + '/w/provinceDepartments/upload'"
:file-list="fileList" :auto-upload="true" drag multiple
:on-success="handleUploadSuccess" :on-error="handleUploadError" :on-remove="handleRemove"
:before-remove="beforeRemove">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">暂无文件格式和大小限制</div>
</el-upload>
:action= 这是文件上传路径 后台的接口
:file-list="fileList" 绑定要上传的文件信息
:auto-upload="true" multiple 多文件自动上传
:on-success="handleUploadSuccess" 上传成功调用的方法
:on-error="handleUploadError" 上传失败调用的方法
:on-remove="handleRemove" 移除文件列表
:before-remove="beforeRemove" 在移除文件列表之前执行的动作
后台代码
/**
* 上传
* @param multipartFile
* @return 文件名称和文件路径
*/
@Timed
@ApiOperation(value = "上传", notes = "")
@RequestMapping(value = "/upload", method = RequestMethod.POST, produces=MediaType.APPLICATION_JSON_VALUE)
public List<Map<String,Object>> upload(HttpServletRequest servletRequest) {
return UploadAndDeleteFIle.upload(servletRequest, uploadAnyWhere);
}
//文件保存的工具类
package com.leadingsoft.scms.utils;
import java.io.File;
import java.io.IOException;
import java.util.*;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import com.codahale.metrics.annotation.Timed;
public class UploadAndDeleteFIle {
public static List<Map<String,Object>> upload(HttpServletRequest servletRequest,String uploadAnyWhere) {
MultipartHttpServletRequest request = (MultipartHttpServletRequest) servletRequest;
Iterator<String> itr = request.getFileNames();
List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();
try {
File directory = new File(uploadAnyWhere);// 参数为空
if(!directory.exists()) {
directory.mkdirs();
}
String courseFile = directory.getCanonicalPath();
MultipartFile proFile = null;
while (itr.hasNext()) {
String str = itr.next();
proFile = request.getFile(str);
// 将名字改为UUID
String file_uid = UUID.randomUUID().toString();
String suffix = proFile.getOriginalFilename();
//suffix.substring(suffix.lastIndexOf("."))
File file = new File(courseFile+"/"+file_uid+suffix.substring(suffix.lastIndexOf(".")));
proFile.transferTo(file);
Map<String,Object> map = new HashMap<String, Object>();
map.put("name", proFile.getOriginalFilename());
String path = file.getAbsolutePath().replace('\\', '/');;
map.put("url", path);
list.add(map);
}
} catch (IOException e) {
e.printStackTrace();
}
return list;
}
@Timed
public static boolean deleteFile(final String path) {
File directory = new File(path);// 参数为空
return directory.delete();
}
}
elemet-ui+springboot多文件上传
最新推荐文章于 2024-06-04 12:00:55 发布