JQuery ajax提交form表单实现文件上传
2018-07-10 15:04
375 查看
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<form id="tf">
<input type="file" name="file" />
<input type="text" name="username" />
<input type="button" value="提" onclick="test();" />
</form>
<script type="text/javascript">
function test() {
var form = new FormData(document.getElementById("tf"));
$.ajax({
url: "http://192.168.10.133:8080/ktl/resource/getSourceData",
type: "post",
data: form,
processData: false,
contentType: false,
success: function(data) {
console.log(data);
},
error: function(e) {
console.log(e);
}
});
}
</script>
</body>
</html>
作者:lihao_李浩
链接:https://www.jianshu.com/p/775cce61bfe5
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。 阅读更多
<html>
<head>
<title></title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<form id="tf">
<input type="file" name="file" />
<input type="text" name="username" />
<input type="button" value="提" onclick="test();" />
</form>
<script type="text/javascript">
function test() {
var form = new FormData(document.getElementById("tf"));
$.ajax({
url: "http://192.168.10.133:8080/ktl/resource/getSourceData",
type: "post",
data: form,
processData: false,
contentType: false,
success: function(data) {
console.log(data);
},
error: function(e) {
console.log(e);
}
});
}
</script>
</body>
</html>
作者:lihao_李浩
链接:https://www.jianshu.com/p/775cce61bfe5
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。 阅读更多
相关文章推荐
- rails上传文件时,实现form表单自动提交
- 使用jQuery.form插件实现表单异步提交+上传文件
- 【文件上传】使用jquery.form.js来实现表单提交
- 实现向服务器上传图片文件、实现不同方式的form表单提交方式
- ANDROID使用MULTIPARTENTITYBUILDER实现类似FORM表单提交方式的文件上传
- 如何利用Axis2+Spring实现文件上传(支持jsp页面的form表单提交),Android客户端调用
- 【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
- Android使用MultipartEntityBuilder实现类似form表单提交方式的文件上传
- springmvc-普通form表单提交 4000 方式实现文件上传
- 用jquery.form.js 实现ajax提交含有上传文件和普通字段的表单
- iframe标签实现form表单提交(如文件上传下载)不刷新
- HttpClient 4.3.6 使用MultipartEntityBuilder实现类似form表单提交方式的文件上传
- 使用jQuery.form插件实现表单异步提交+上传文件
- nodejs 实现模拟form表单上传文件
- 文件上传(jspsmart实现)file和text表单同时提交的问题
- C#模拟form表单提交数据,上传文件
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- Servlet实现文件上传到服务器(不用表单,直接用代码模拟表单提交)
- 表单上传文件提交实现ajax方式