jquery form java_springmvc利用jquery.form插件异步上传文件示例
需要的下载文件:
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插件异步上传文件示例相关推荐
- jquery form插件(ajax)上传文件实现及原理
原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...
- jq ajax异步上传图片插件,jQuery异步上传文件插件ajaxFileUpload详细介绍
一.ajaxFileUpload是一个异步上传文件的jQuery插件. 传一个不知道什么版本的上来,以后不用到处找了. 语法:$.ajaxFileUpload([options]) options参数 ...
- jq ajax异步上传文件,jQuery插件ajaxFileUpload异步上传文件
AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 当初做了个异步上传的功能,选择它因为它的配置 ...
- jQuery异步上传文件
jQuery异步上传文件 我想通过jQuery异步上传文件,这是我的HTML: 1 2 3 <span>File</span> <input type="fil ...
- ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件
现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...
- 如何使用 jQuery 异步上传文件?
问: 我想用 jQuery 异步上传文件. $(document).ready(function () { $("#uploadbutton").click(function () ...
- php js跨域上传文件,Jquery实现跨域异步上传文件步骤详解
这次给大家带来Jquery实现跨域异步上传文件步骤详解,Jquery实现跨域异步上传文件的注意事项有哪些,下面就是实战案例,一起来看一下. 先说明白 这个跨域异步上传功能我们借助了Jquery.for ...
- html中异步上传文件实现示例,HTML_html中异步上传文件实现示例,复制代码代码如下: form actio - phpStudy...
html中异步上传文件实现示例 复制代码代码如下: 复制代码代码如下: 这是html中最常见最简单的表单提交方式,但是这种方式必须会切换页面,也许有些时候我们希望可以在同一个页面与服务器进行交互,并不 ...
- 修改form重定到iframe中,模拟异步上传文件的效果
2019独角兽企业重金招聘Python工程师标准>>> <%@ page contentType="text/html; charset=GBK" lang ...
最新文章
- G - SOLDIERS POJ - 1723 sort+数学
- jquery 只能输入汉字
- Linux环境部署jenkins
- 一文搞懂C语言typedef关键字
- Flink流计算编程--在WindowedStream中体会EventTime与ProcessingTime
- 带你深入理解分布式事务,掌握后台分布式核心技术,PS:送5本!
- C++学习之路 | PTA乙级—— 1038 统计同成绩学生 (20 分)(精简)
- 网页数据分页显示php,PHP网页设计例子:用PHP3完成MySQL数据的分页显示
- mysql删除中继日志_mysql 中继日志删除可以自动获取吗
- Java 异常的捕获与处理详解 (一)
- react,react-router,redux+react-redux 构建一个React Demo
- MATLAB怎么做出三叶玫瑰线,matlab复习题
- VS2017离线下载 -- 如何让VS2017不占用C盘
- 期末考试-第一章-计算机视觉综述知识整理
- 2020浙江大学软件学院软件工程考研经验分享
- 英语思维(世界观,中英文思维的差别)
- cadence如何导入gds_如何将Cadence的原理图和PCB转成PADS
- Magisk使用记录
- 微信小程序vant 输入框问题
- Android notes
热门文章
- JDBC初学者的basedao工具类
- push declined due to email privacy restrictions
- HTML5 本地存储(Web Storage)
- 《需求工程——软件建模与分析》阅读笔记之二
- window安全模式的用途
- 3.14圆周率节,这5本书带你领略数学的魅力
- 为什么中文分词比英文分词更难?有哪些常用算法?(附代码)
- navision系统和sap区别_erp系统与sap的区别是什么?
- 五分钟,手撸一个Spring容器!
- Jeewx-Boot 1.0.3 版本发布,基于SpringBoot的免费微信管家平台