gpt4 book ai didi

javascript - 使用自己的 Web 服务 api 上传文件

转载 作者:行者123 更新时间:2023-11-28 07:02:51 27 4
gpt4 key购买 nike

我尝试通过 post 和 ajax 上传文件,但我刚刚得到了要更改的 URL。

我不想像这样更改网址
http://localhost:8080/webportal.html?file=C%3A%5CUsers%5CVM9%5CDesktop%5Ctest5.txt

我想要上传文件

这是我的代码...

HTML

<form id="uploadForm">
<label>Upload File:</label><br/>
<input name="file" type="file" />
<input type="submit" value="Submit" />
</form>
<小时/>
JavaScript
function UploadTestCase()
{
$(document).ready(function (e) {
$("#uploadForm").on('submit',(function(e) {
e.preventDefault();
var requireData = new FormData(this);
$.ajax({
url: "http://ip/webapi/upload?project=test",
type: "POST",
data: requireData,
contentType: false,
cache: false,
processData: false
})
return false;
}));
});
}
<小时/>

有什么想法吗?

谢谢

最佳答案

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#uploaad_file').on('submit', function(e){
var data = new FormData(this);

e.preventDefault();
$.ajax({
url: 'index.php',
data : data,
processData:false,
contentType: false,
type: 'POST',
success: function(){
console.log(r);
},
error: function(){
console.log(arguments);
}
})
return false;
})
})
</script>
</head>

<body>
</body>
<form id="uploaad_file" enctype="">
<input type="file" name="file" id="file">
<input type="submit" value="upload">
</form>
</html>

我已经用过这个代码了。它成功地将表单数据发布到我的服务器端。我可以使用 print_r 查看 $_FILES 数组。一切看起来都很完美。

关于javascript - 使用自己的 Web 服务 api 上传文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31960676/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com