使用FormData,进行Ajax请求并上传文件
2016-05-28 11:45
573 查看
这里使用JQuery,但是老版本的JQuery比如1.2是不支持的,最好使用2.0或更新版本:
Html代码
<form id= "uploadForm">
<p >指定文件名: <input type="text" name="filename" value= ""/></p >
<p >上传文件: <input type="file" name="file"/></ p>
<input type="button" value="上传" onclick="doUpload()" />
</form>
Js代码
function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}
Html代码
<form id= "uploadForm">
<p >指定文件名: <input type="text" name="filename" value= ""/></p >
<p >上传文件: <input type="file" name="file"/></ p>
<input type="button" value="上传" onclick="doUpload()" />
</form>
Js代码
function doUpload() {
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}
相关文章推荐
- 数组下标偏移
- Jquery easyUI datagrid加载复杂JSON数据方法
- python学习备忘2
- 分析一下VDI启动步骤
- 第十四周实践项目2————两个成员的类模板(2)
- 1019. 数字黑洞 (20)
- 哈理工OJ 1986 大悲咒(简单递推)
- 第十一周项目1(2)
- 比较两个实例对象是否相同的方法
- Android音频开发(5):音频数据的编解码
- iOS学习- 02 控件
- Java中String、StringBuffer、StringBuilder的区别及面试经常出现的问题
- 浅谈jQuery 中的事件冒泡和阻止默认行为
- Android音频开发(4):如何存储和解析wav文件
- css备忘录(关于relative、absolute)
- 2016.05.24工作内容
- 2dx-lua图片局部置灰
- [leetcode] 【数组】73. Set Matrix Zeroes
- 对于高并发,高流量的网站问题,请描述用什么技术方法...
- 并行、并发、同步、互斥