有关使用异步请求进行文件上传的方法
2017-01-06 00:00
483 查看
1.引入js,
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/ajaxFile/jquery.js" charset="utf-8"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/ajaxFile/ajaxfileupload.js" charset="utf-8"></script>
2.将表单的内容转换为json
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/workorder-page-utils.js" charset="utf-8"></script>
3.异步上传
$.ajaxFileUpload({
url : '<%=request.getContextPath()%>/fileUpload/upload',//表单上传的路径
secureuri : false,
fileElementId : 'filename', //上传文件input的id
dataType : 'json', //数据传输格式为josn
data : $("#workorderForm3").serializeObject(), //将表单数据序列化为json
success : function(data) {
var annexsJson="";
annexsJson+=data.annexName+",";
annexsJson+=data.annexType+",";
annexsJson+=data.annexUrl+",";
$("#annexsJson").val(annexsJson);
},
error : function(data, status, e) {
alert('上传出错');
}
});
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/ajaxFile/jquery.js" charset="utf-8"></script>
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/ajaxFile/ajaxfileupload.js" charset="utf-8"></script>
2.将表单的内容转换为json
<script type="text/javascript"
src="<%=request.getContextPath()%>/resources/js/workorder-page-utils.js" charset="utf-8"></script>
3.异步上传
$.ajaxFileUpload({
url : '<%=request.getContextPath()%>/fileUpload/upload',//表单上传的路径
secureuri : false,
fileElementId : 'filename', //上传文件input的id
dataType : 'json', //数据传输格式为josn
data : $("#workorderForm3").serializeObject(), //将表单数据序列化为json
success : function(data) {
var annexsJson="";
annexsJson+=data.annexName+",";
annexsJson+=data.annexType+",";
annexsJson+=data.annexUrl+",";
$("#annexsJson").val(annexsJson);
},
error : function(data, status, e) {
alert('上传出错');
}
});
相关文章推荐
- JQuery--使用JQuery 的$.ajax 方法进行异步请求,导致页面闪烁
- 使用HttpUrlConnection进行post请求上传文件
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 上传文件,使用FormData进行Ajax请求,jsoncallback跨域
- Java:使用HttpClient进行POST和GET请求以及文件上传和下载
- 使用swfupload进行异步文件上传(java版)
- 通过Ajax方式提交form表单上传文件,使用FormData进行Ajax请求
- 使用FormData进行Ajax请求上传文件到controller层的实现
- 使用ftp.storlines进行文件上传时出现553 Could not create file.的解决方法
- 使用FormData进行Ajax请求异步上传图片案例
- 使用ajaxSubmit方法实现多文件上传(异步)
- 解决ckfinder 在IE10下无法使用popup方法进行文件上传
- 通过Ajax方式上传文件,使用FormData进行Ajax请求
- 使用FormData,进行Ajax请求并上传文件
- 使用FormData,进行Ajax请求并上传文件
- Java:使用HttpClient进行POST和GET请求以及文件上传和下载
- springmvc Excel文件上传,使用ajaxSubmit方法进行文件上传,使用弹出层弹出一个框(jquery layer),点击进行下载
- 仿web中的form表单使用苹果原生网络请求进行文件上传
- 使用FormData进行Ajax请求异步上传图片案例
- 通过Ajax方式上传文件,使用FormData进行Ajax请求