如何使用javascript在Webform中上载文件,以便在全局PHP变量$\文件中访问该文件
我需要帮助,几乎是疯了。我找到了一大堆答案,但都是为了工作,或者至少是为了工作 我的任务是使用html表单,使用ajax将一个或多个文件上传到Web服务器,并在评估php后接收答案。我最希望通过$ajax请求发送表单输入信息和文件 我不懂语法。 那么这个人或者其他人 a) 请告诉我如何正确地执行一项操作,以及文件列表。 如何一次上传表单数据和文件 b) 文件对象的详细结构是什么如何使用javascript在Webform中上载文件,以便在全局PHP变量$\文件中访问该文件,javascript,php,ajax,file,upload,Javascript,Php,Ajax,File,Upload,我需要帮助,几乎是疯了。我找到了一大堆答案,但都是为了工作,或者至少是为了工作 我的任务是使用html表单,使用ajax将一个或多个文件上传到Web服务器,并在评估php后接收答案。我最希望通过$ajax请求发送表单输入信息和文件 我不懂语法。 那么这个人或者其他人 a) 请告诉我如何正确地执行一项操作,以及文件列表。 如何一次上传表单数据和文件 b) 文件对象的详细结构是什么 file=$('#file0')[0]。files[0]我找到了我要找的正确代码段。。。 $.ajax({ ... 数
file=$('#file0')[0]。files[0]我找到了我要找的正确代码段。。。 $.ajax({ ... 数据:新表单数据($('#webform')[0]), contentType:false, cache:false, processData:false, mimeType:“多部分/表单数据”, 成功:函数(上载){}, ... });
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function ajax_file_upload(){
var fd = new FormData();
var file;
// file = $('#file0')[0].files[0]
// fd.append('file0', file);
var formfiles = document.querySelectorAll('[type=file]');
// we start from since the first two input comes from a different form
for (let i = 0; i < formfiles.length; i++) {
var file = formfiles[i].files[0];
var id = 'file' . i;
fd.append( id , file );
alert( file.name );
}
$.ajax({
url: './ajaxupload.php',
type: 'post',
data: fd,
contentType: false,
processData: false,
success: function(response){
alert(response);
},
error: function(response){
alert("Error occurred while trying to upload file");
}
});
}
</script>
</head>
<body>
<form method="post" action="JavaScript:ajax_file_upload();" enctype="multipart/form-data" id="myform">
<input type="file" id="file0" name="file0" />
<input type="file" id="file1" name="file1" />
<input type="file" id="file2" name="file2" />
<input type="submit" value="Submit">
</form>
</body>
</html>