js通过formData上传文件,Spring后台处理

1、前端

var formData = new FormData();
formData.append(‘file‘, $("#file").val());
$.ajax({
    url:‘地址‘,
    type:‘post‘,
    data:formData,
    async:false,
    processData:false,
    contentType:false,
    success:function (response) {
        alert(response.msg);
    }
})

2、controller

// 创建一个通用的多部分解析器
CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver();
MultipartHttpServletRequest multiRequest = commonsMultipartResolver.resolveMultipart((HttpServletRequest) request);
List<String> strList = new ArrayList<String>();
String fileName = null;
List<MultipartFile> files = request.getMultiFileMap().get("file");
if(files != null) {
    for (MultipartFile file : files){
        String myFileName = file.getOriginalFilename();
        if (myFileName.trim() != ""){
            // 获得图片的原始名称
            String originalFilename = file.getOriginalFilename();
            // 获得图片后缀名称
            String suffix = originalFilename.substring(originalFilename.lastIndexOf(".")).toLowerCase();
            // 获得上传路径的绝对路径地址
            String realPath = request.getSession().getServletContext().getRealPath(路径);
            File realPathDirectory = new File(realPath);
            if (realPathDirectory == null || !realPathDirectory.exists()){
                realPathDirectory.mkdirs();
            }
            // 采用UUID的方式重命名上传后的文件名
            fileName = java.util.UUID.randomUUID().toString() + suffix;
            File uploadFile = new File(realPathDirectory + "/" + fileName);
            file.transferTo(uploadFile);
            strList.add(request.getContextPath() + "/" + DirectoryName + fileName);
        }
    }}

原文地址:https://www.cnblogs.com/wsfu/p/10750762.html

时间: 2024-10-11 12:31:06

js通过formData上传文件,Spring后台处理的相关文章

c#+js 使用formdata上传文件

如果不是使用form表单submit的形式,我们可以手动通过formdata传值(针对文件上传等) 比如: <html> <head> <meta name="viewport" content="width=device-width" /> <link href="~/jquery-easyui-master/themes/default/easyui.css" rel="stylesheet

使用FormData上传文件、图片

关于FormData XMLHttpRequest Level 2添加了一个新的接口  ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XMLHttpRequest的 send( ) 方法来异步提交表单 与普通的ajax相比,使用FormData的最大优点就是可以异步上传二进制文件 FormData对象 FormData对象,可以把所有表单元素的name与value组成一个queryString,提交到后台. 在使用ajax提交时,使用

Nodejs学习笔记(八)--- Node.js + Express 实现上传文件功能(felixge/node-formidable)

目录 前言 formidable简介 创建项目并安装formidable 实现上传功能 运行结果 部分疑惑解析 写在之后 前言 前面讲了一个构建网站的示例,这次在此基础上再说说web的常规功能----文件上传,示例以一个上传图片的功能为例子 上传功能命名用formidable实现,示例很简单! PS:最近比较忙,距上一次更新已经比较久了^_^! formidable简介 nodejs原生实现上传还是比较麻烦,有兴趣的自已去参考一下网上有网友写的代码 这里选择了formidable,也是githu

Js 跨域上传文件

代码在github上( https://github.com/andygithubchen/jsUpload ),请结合github上的文件阅读. 主要实现js跨域上传文件,这里的跨域目前只在两个域名所指向的服务器在同一局域网内. 当然,这两种方案都可以做同域名上传. 例如: 192.168.1.60 www.test.cn 192.168.1.61 www.video.cn 如果要在www.test.com域名下上传文件到www.video.com域名下,可以使用下面这两个方案: 方案一(在s

httpclient通过post multipart/form-data 上传文件

httpclient通过post multipart/form-data 上传文件 public static String httpClientUploadFile(String url, File file) { CloseableHttpClient httpClient = HttpClients.createDefault(); String result = ""; //每个post参数之间的分隔.随意设定,只要不会和其他的字符串重复即可. String boundary

关于JS提交file 上传文件

 最近因写一个上传功能,不能刷新页面,且页面得有后台返回的信息,因而不能使用form直接提交表单,尝试使用is提交并接受返回数据,不多说代码如下: 前台: <form id='pdf-form' enctype="multipart/form-data" method="POST" action="" > <input type="hidden" name="order_id" value

formData上传文件

需要将选中的xml传到后台,通过xslt转换为html html: <form id="uploadForm" enctype="multipart/form-data"> <input type="file" name="testFile" value="选择文件"> <input type="button" value="添加" id

node.js使用multiparty上传文件

multiparty使用:multiparty文档 https://www.npmjs.com/package/multiparty 下面介绍一下利用formData向后台提交图片的过程:写在前面的话: 1.实例中前端使用的是vue.js,不过并不影响上传思路.2.后台通过multiparty来解析formData step1:先来看一看前端上传部分的代码: 这是我写的一个上传图片的组件,这里并没有进行图片压缩处理(我们可以用canvas来进行图片压缩,自行搜索下即可). 这一段其实也很好理解,

简单介绍使用GooUploader.js实现批量上传文件的方法(使用struts2)

最近的网站项目中需要实现上传pdf的功能,期间找了很多jquery的插件,都不能满足要求,最后找到GooUploader.js,由于自己是第一次接触上传文件的功能,虽然看了很多写地详细的博客,还是花了很长时间才应用到项目中,所以在这里自己总结一下. GooUploader.js插件是在swfupload.js基础上进行扩展的,有些比较好的特点: 1. 支持批量文件上传: 2. 上传文件时,选择文件后,可以选择单个文件上传,也可以选择批量文件上传: 3. 开始上传文件后,可以取消单个文件上传,也可