我设计了一个简单的表单,允许用户将文件上传到服务器。最初,该表单包含一个“浏览”按钮。如果用户想要上传多个文件,则需要单击“添加更多文件”按钮,这会在表单中添加另一个“浏览”按钮。当提交表单时,文件上传过程由'upload.php'文件处理。它适用于上传多个文件。现在我需要使用jQuery的'.submit()'提交表单并发送ajax['.ajax()']请求到'upload.php'文件以处理文件上传。
这是我的HTML表单:
<form enctype="multipart/form-data" action="upload.php" method="post">
<input name="file[]" type="file" />
<button class="add_more">Add More Files</button>
<input type="button" id="upload" value="Upload File" />
</form>
这里是 JavaScript 代码:
$(document).ready(function(){
$('.add_more').click(function(e){
e.preventDefault();
$(this).before("<input name='file[]' type='file' />");
});
});
以下是文件上传处理的代码:
for($i=0; $i<count($_FILES['file']['name']); $i++){
$target_path = "uploads/";
$ext = explode('.', basename( $_FILES['file']['name'][$i]));
$target_path = $target_path . md5(uniqid()) . "." . $ext[count($ext)-1];
if(move_uploaded_file($_FILES['file']['tmp_name'][$i], $target_path)) {
echo "The file has been uploaded successfully <br />";
} else{
echo "There was an error uploading the file, please try again! <br />";
}
任何对我该如何编写“.submit()”函数的建议都将非常有帮助。