使用JQuery插件ajaxfileupload.js上传文件
插件官网地址:https://fileuploadajax.codeplex.com/
本文参考:
http://www.cnblogs.com/linjiqin/p/3530848.html
http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html
使用步骤
1.引入jar包
<script type="text/javascript" src="${path}/js/jquery-1.7.2.js></script>
<script type="text/javascript" src="${path}/js/ajaxfileupload.js"></script>
ajaxfileupload.js依赖jquery.js,需要先引入jquery插件。
并且jquery.js和ajaxfileupload.js版本需要一致
${path}是我自己定义的项目路径,可以在jsp中使用jstl标签自己定义
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
2.实现文件上传的语法和参数
1.语法:
$.ajaxFileUplad([settings])
2.参数:
url : 文件上传路径
fileElementId : 需要上传文件的id, 也是<input type="file">的标签id值
secureuri : 是否启用安全提交模式,默认为false
type : ajax提交的方式,需要使用post提交
dataType : 设置上传格式,设置为json
success : 调用成功返回函数
error : 发送请求时错误的处理函数
ajaxFileUpload貌似不能使用data参数,传入后台的参数需要在url里使用拼接的方式,(我遇见的是这种情况)