微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQuery ajax提交form表单实现文件上传

原文链接https://www.jianshu.com/p/775cce61bfe5

 

JQuery ajax提交form表单实现文件上传

lihao_李浩 关注

2017.08.04 15:15* 字数 0 阅读 4172评论 0喜欢 1

<!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="提" οnclick="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>

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐