博客
关于我
SSM框架中实现多文件以及单文件上传
阅读量:773 次
发布时间:2019-03-23

本文共 3375 字,大约阅读时间需要 11 分钟。

kỹ thuật员工写作风格

1. 准备工作

1.1 Trong file pom.xml thêm các phụ thuộc cần thiết

  • commons-io: commons-io: 2.5
  • commons-fileupload: commons-fileupload: 1.3.2

1.2 Trong file spring-mvc.xml thêm solverresolver:

2. Tải đầu ● khăn hai

2.1quivosrpc simplest

Langkah 1: Trong controller backend

@RequestMapping("/upload")public Object upload(HttpSession session, @RequestParam("uploadFile") MultipartFile file) {    boolean bool = false;    ServletContext context = session.getServletContext();    String realPath = context.getRealPath("/upload");    String fileName = UUID.randomUUID().toString().replace("-", "").substring(0, 15) + "_file_" + file.getOriginalFilename();    try {        file.transferTo(new File(realPath + "/" + fileName));        bool = true;    } catch (IOException e) {        e.printStackTrace();    }    return bool ? "success" : "fail";}

2.2 Frontend code

  • Form với enctype="multipart/form-data"
    -ี่ input type="file" có name attribute
  • فرض rằng sử dụng AJAX để gửi yêu cầu上传
$.ajax({    url: "/upload",    type: "POST",    data: new FormData($("#saveUploadForm")[0]),    processData: false,    contentType: false,    success: function(result) {        layer.msg(result);    },    error: function(e) {        layer.msg(e);    }});

3. Tải đầutnh Luc phổ

3.1 Backend code

private String uploadFile(String webPath, MultipartFile file, HttpSession session) {    ServletContext context = session.getServletContext();    String realPath = context.getRealPath(webPath);    String fileName = UUID.randomUUID().toString().replace("-", "").substring(0, 15) + "_file_" + file.getOriginalFilename();    try {        File file1 = new File(realPath);        if (!file1.exists()) {            file1.mkdirs();        }        file.transferTo(new File(realPath + "/" + fileName));        return webPath + "/" + fileName;    } catch (IOException e) {        e.printStackTrace();        return null;    }}

3.2 Backend controller

@RequestMapping("/upload")public Object upload(@RequestParam("file") MultipartFile[] file, HttpSession session) {    for (int i = 0; i < file.length; i++) {        MultipartFile multipartFile = file[i];        String uploadFilePath = uploadFile("/upload", multipartFile, session);        System.out.println(uploadFilePath);    }    return "success";}

3.3 Frontendcode

  • Dùng AJAX để gửi yêu cầu upload
$.ajax({    url: "/upload",    type: "POST",    data: new FormData($("#saveFileForm")[0]),    processData: false,    contentType: false,    success: function(result) {        layer.msg(result);    },    error: function(e) {        layer.msg(e);    }});

4. Upload file withprogressbar

5. Ảnh hưởng

  • ẢNH này cho thấy quá trình upload file với thanh tiến trình trong suốt
    -vatLooks good!

转载地址:http://annzk.baihongyu.com/

你可能感兴趣的文章
MYSQL 查看最大连接数和修改最大连接数
查看>>
MySQL 查看有哪些表
查看>>
mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制,你真的明白吗
查看>>
MySql 查询以逗号分隔的字符串的方法(正则)
查看>>
MySQL 查询优化:提速查询效率的13大秘籍(避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化)(上)
查看>>
mysql 查询数据库所有表的字段信息
查看>>
【Java基础】什么是面向对象?
查看>>
mysql 查询,正数降序排序,负数升序排序
查看>>
MySQL 树形结构 根据指定节点 获取其下属的所有子节点(包含路径上的枝干节点和叶子节点)...
查看>>
mysql 死锁 Deadlock found when trying to get lock; try restarting transaction
查看>>
mysql 死锁(先delete 后insert)日志分析
查看>>
MySQL 死锁了,怎么办?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 深度分页性能急剧下降,该如何优化?
查看>>
MySQL 添加列,修改列,删除列
查看>>
mysql 添加索引
查看>>
MySQL 添加索引,删除索引及其用法
查看>>
mysql 状态检查,备份,修复
查看>>
MySQL 用 limit 为什么会影响性能?
查看>>
MySQL 用 limit 为什么会影响性能?有什么优化方案?
查看>>