博客
关于我
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/

你可能感兴趣的文章
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>