需要的下载文件:

jQuery.form.js

jquery.js

commons-fileupload.jar

commons-io.jar

示例图片

pom.xml

commons-fileupload

commons-fileupload

1.3

commons-io

commons-io

2.4

web.xml 解决上传后中文文件名乱码问题

Set Character Encoding

org.springframework.web.filter.CharacterEncodingFilter

encoding

UTF-8

Set Character Encoding

/*

servlet-context.xml中添加对上传的支持

jsp文件

String path = request.getContextPath();

String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path;

%>

springmvc上传文件

springmvc上传文件

项目名称

File input

提交

$(function(){

$("#formSucc").hide();

$("#doSave").click(function(){

var requestUrl = "/widget/saveFile.json";

var projectName = $("#projectName").val();

$("#uploadForm").ajaxSubmit({

type: 'post',

url: requestUrl,

//data: {projectName: projectName}, //应该把这个去掉,要不然,值会有重复,因为form提交时已经做了一次提交了。

//如果projectName的值为"tt",如果这个地方不去掉,那么提交接收的值变成"tt,tt"了。

contentType: "application/x-www-form-urlencoded; charset=utf-8",

success: function(data) {

if(data.success){

$(".infoTips").remove();

$("#formSucc").show();

$("#formSucc").append(""+data.message+"");

}

}

});

});

});

Java的controller文件

package com.paincupid.springmvc.widget.controller;

import java.io.IOException;

import java.io.InputStream;

import java.util.List;

import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RequestParam;

import org.springframework.web.bind.annotation.ResponseBody;

import org.springframework.web.multipart.MultipartFile;

import com.paincupid.springmvc.finance.domain.Finance;

import com.paincupid.springmvc.test.domain.Person;

import com.paincupid.springmvc.util.BaseJsonRst;

import com.paincupid.springmvc.util.CreatMockData;

/**

*

* @author arthur.paincupid.lee

* @since 2016.01.24

*

*/

@Controller

@RequestMapping("/widget")

public class widgetController {

private static final Logger log = LoggerFactory.getLogger(widgetController.class);

/**

* 上传文件

* 在前台的访问路径为: http://localhost:8080/springmvc/widget/uploadFile/view

* @return

*/

@RequestMapping("/uploadFile/view")

public String uploadFile() {

return "widget/uploadFile";

}

@ResponseBody

@RequestMapping(value="/saveFile", method=RequestMethod.POST)

public BaseJsonRst saveFile(@RequestParam MultipartFile file,

@RequestParam String projectName) {

BaseJsonRst view = new BaseJsonRst();

String orgiginalFileName = "";

try {

String fileName = file.getName();

InputStream inputStream = file.getInputStream();

String content = file.getContentType();

orgiginalFileName = file.getOriginalFilename();

log.info("fileName: "+fileName+", inputStream: "+ inputStream

+"\r\n content: "+content+", orgiginalFileName: ="+ orgiginalFileName

+"\r\n projectName: "+ projectName);

} catch (IOException e) {

e.printStackTrace();

}

view.setSuccess(true);

view.setMessage("上传: "+orgiginalFileName+" 文件成功!");

return view;

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

jquery form java_springmvc利用jquery.form插件异步上传文件示例相关推荐

  1. jquery form插件(ajax)上传文件实现及原理

    原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...

  2. jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍

    一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...

  3. jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件

    AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...

  4. jQuery异步上传文件

    jQuery异步上传文件 我想通过jQuery异步上传文件,这是我的HTML: 1 2 3 <span>File</span> <input type="fil ...

  5. ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件

    现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...

  6. 如何使用 jQuery 异步上传文件?

    问: 我想用 jQuery 异步上传文件. $(document).ready(function () { $("#uploadbutton").click(function () ...

  7. php js跨域上传文件,Jquery实现跨域异步上传文件步骤详解

    这次给大家带来Jquery实现跨域异步上传文件步骤详解,Jquery实现跨域异步上传文件的注意事项有哪些,下面就是实战案例,一起来看一下. 先说明白 这个跨域异步上传功能我们借助了Jquery.for ...

  8. html中异步上传文件实现示例,HTML_html中异步上传文件实现示例,复制代码代码如下: form actio - phpStudy...

    html中异步上传文件实现示例 复制代码代码如下: 复制代码代码如下: 这是html中最常见最简单的表单提交方式,但是这种方式必须会切换页面,也许有些时候我们希望可以在同一个页面与服务器进行交互,并不 ...

  9. 修改form重定到iframe中,模拟异步上传文件的效果

    2019独角兽企业重金招聘Python工程师标准>>> <%@ page contentType="text/html; charset=GBK" lang ...

最新文章

  1. G - SOLDIERS POJ - 1723 sort+数学
  2. jquery 只能输入汉字
  3. Linux环境部署jenkins
  4. 一文搞懂C语言typedef关键字
  5. Flink流计算编程--在WindowedStream中体会EventTime与ProcessingTime
  6. 带你深入理解分布式事务,掌握后台分布式核心技术,PS:送5本!
  7. C++学习之路 | PTA乙级—— 1038 统计同成绩学生 (20 分)(精简)
  8. 网页数据分页显示php,PHP网页设计例子:用PHP3完成MySQL数据的分页显示
  9. mysql删除中继日志_mysql 中继日志删除可以自动获取吗
  10. Java 异常的捕获与处理详解 (一)
  11. react,react-router,redux+react-redux 构建一个React Demo
  12. MATLAB怎么做出三叶玫瑰线,matlab复习题
  13. VS2017离线下载 -- 如何让VS2017不占用C盘
  14. 期末考试-第一章-计算机视觉综述知识整理
  15. 2020浙江大学软件学院软件工程考研经验分享
  16. 英语思维(世界观,中英文思维的差别)
  17. cadence如何导入gds_如何将Cadence的原理图和PCB转成PADS
  18. Magisk使用记录
  19. 微信小程序vant 输入框问题
  20. Android notes

热门文章

  1. JDBC初学者的basedao工具类
  2. push declined due to email privacy restrictions
  3. HTML5 本地存储(Web Storage)
  4. 《需求工程——软件建模与分析》阅读笔记之二
  5. window安全模式的用途
  6. 3.14圆周率节,这5本书带你领略数学的魅力
  7. 为什么中文分词比英文分词更难?有哪些常用算法?(附代码)
  8. navision系统和sap区别_erp系统与sap的区别是什么?
  9. 五分钟,手撸一个Spring容器!
  10. Jeewx-Boot 1.0.3 版本发布,基于SpringBoot的免费微信管家平台