gpt4 book ai didi

php - 使用 jQuery Ajax 上传文件

转载 作者:可可西里 更新时间:2023-11-01 12:30:20 25 4
gpt4 key购买 nike

我对如何使用 Ajax 从表单上传文件进行了多次搜索,发现 xhr2 应该能够做到这一点。然而,我自己尝试使用 FormData 对象,但它不起作用。

这是一个简单的html表单

<!DOCTYPE html>
<html>
<head>
<title>File Upload</title>
</head>
<body>
<form id="form" method="post" action="post.php" enctype="multipart/form-data">
<input type="file" name="img"/>
<input type="submit" value="Upload" />
</form>
<script src="jquery.js"></script>
<script src="upload.js"></script>
</body>
</html>

这里是“post.php”文件,当被称为“老式”方式时它工作得很好:

<?php
if($_FILES['img']['error'] > 0) die('Error ' . $_FILES['file']['error']);
if(empty($_FILES['img']['name'])) die('No file sent.');

$tmp = $_FILES['img']['tmp_name'];

if(is_uploaded_file($tmp))
{
if(!move_uploaded_file($tmp, 'img.png')) echo 'error !';
}
else echo 'Upload failed !';
?>

这里是“upload.js”

$(function() {
$('#form').submit(function(e) {
e.preventDefault();
data = new FormData($('#form'));
console.log('Submitting');
$.ajax({
type: 'POST',
url: 'post.php',
data: data,
cache: false,
contentType: false,
processData: false
}).done(function(data) {
console.log(data);
}).fail(function(jqXHR,status, errorThrown) {
console.log(errorThrown);
console.log(jqXHR.responseText);
console.log(jqXHR.status);
});
});
});

您知道它为什么不起作用吗?控制台返回“未发送文件”。

非常感谢!

最佳答案

尝试替换代码:

data = new FormData($('#form'));

用这个:

data = new FormData($('#form')[0]);

从 jQuery 数组中获取第一个 DOM 元素。

关于php - 使用 jQuery Ajax 上传文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18428935/

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