博客
关于我
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 DBA 进阶知识详解
查看>>
Mura CMS processAsyncObject SQL注入漏洞复现(CVE-2024-32640)
查看>>
Mysql DBA 高级运维学习之路-DQL语句之select知识讲解
查看>>
mysql deadlock found when trying to get lock暴力解决
查看>>
MuseTalk如何生成高质量视频(使用技巧)
查看>>
mutiplemap 总结
查看>>
MySQL DELETE 表别名问题
查看>>
MySQL Error Handling in Stored Procedures---转载
查看>>
MVC 区域功能
查看>>
MySQL FEDERATED 提示
查看>>
mysql generic安装_MySQL 5.6 Generic Binary安装与配置_MySQL
查看>>
Mysql group by
查看>>
MySQL I 有福啦,窗口函数大大提高了取数的效率!
查看>>
mysql id自动增长 初始值 Mysql重置auto_increment初始值
查看>>
MySQL in 太多过慢的 3 种解决方案
查看>>
MySQL InnoDB 三大文件日志,看完秒懂
查看>>
Mysql InnoDB 数据更新导致锁表
查看>>
Mysql Innodb 锁机制
查看>>
MySQL InnoDB中意向锁的作用及原理探
查看>>
MySQL InnoDB事务隔离级别与锁机制深入解析
查看>>