gpt4 book ai didi

php - 如何使用ajax+jquery上传多个文件到服务器?

转载 作者:行者123 更新时间:2023-12-01 04:38:16 24 4
gpt4 key购买 nike

使用纯 php+html,我可以使用

上传多个文件
<form action="upload.php" enctype="multipart/form-data" method="post">
<input type="file" name="raw[]" id ="raw" multiple>
<input type ="submit" id="uplbutton"></p>
</form>

但上传文件需要 60 多秒。我想使用ajax将文件动态上传到服务器(?),所以尝试像这里的源代码一样: https://wpcafe.org/hacks/ajax-zagruzka-faylov-na-server-s-pomoshhyu-jquery/它确实将文件上传到目的地,但我什至无法选择多个文件。可以用这个方法吗?

最佳答案

您可以尝试此代码。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>

<form method="post" id="postfrom" enctype="multipart/form-data">
<input type="file" name="file[]" id="file" class="inputfile" multiple/>
</form>

<button type="button" class="btnb btnb-primary" id="submitpost"><i class="fa fa-paper-plane-o" aria-hidden="true"></i>&nbsp;Submit</button>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

$(document).on("click", "#submitpost", function(){
$("#postfrom").submit();
});


$("#postfrom").on('submit', function(e){
e.preventDefault();
$.ajax({
url : "process.php",
type: "POST",
cache: false,
contentType: false,
processData: false,
data : new FormData(this),
success: function(response){
$('.result').html(response);
alert(response);

},
error: function (request, status, error) {
alert(request.responseText);
}
});
});

</script>

</body>
</html>

process.php 内部。

<?php

print_r($_FILES);

?>

这将警告响应,它是 $_FILE 数组,然后您可以替换 alert() 并替换 print_r 并使用它使用 php 将选定的文件上传到您的服务器。

关于php - 如何使用ajax+jquery上传多个文件到服务器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45460568/

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