博客
关于我
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 让所有IP访问数据库
查看>>
mysql 记录的增删改查
查看>>
MySQL 设置数据库的隔离级别
查看>>
MySQL 证明为什么用limit时,offset很大会影响性能
查看>>
Mysql 语句操作索引SQL语句
查看>>
MySQL 误操作后数据恢复(update,delete忘加where条件)
查看>>
MySQL 调优/优化的 101 个建议!
查看>>
mysql 转义字符用法_MySql 转义字符的使用说明
查看>>
mysql 输入密码秒退
查看>>
mysql 递归查找父节点_MySQL递归查询树状表的子节点、父节点具体实现
查看>>
mysql 通过查看mysql 配置参数、状态来优化你的mysql
查看>>
mysql 里对root及普通用户赋权及更改密码的一些命令
查看>>
Mysql 重置自增列的开始序号
查看>>
mysql 锁机制 mvcc_Mysql性能优化-事务、锁和MVCC
查看>>
MySQL 错误
查看>>
mysql 随机数 rand使用
查看>>
MySQL 面试题汇总
查看>>
MySQL 面试,必须掌握的 8 大核心点
查看>>