elemet-ui+springboot多文件上传

前台代码:

  <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();
    }

}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值