JQuery ajax提交form表單實現檔案上傳
阿新 • • 發佈:2018-11-21
<!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
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。