使用jQuery Ajax上传文件
我已经进行了很多搜索，以了解如何使用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元素。
-
如何使用selenium webdriver通过窗口提示从本地上传文件？ 我想执行以下操作： 点击窗口上的“浏览”选项 从窗口提示符转到保存文件的本地特定位置 选择文件，然后单击“打开”以上传文件。
-
问题内容： 我想将文件上传到给定的文件夹。 错误是： 注意：未定义的变量：第3行的C：\ wamp \ www \ sdg \ import \ ips.php中的HTTP_POST_FILES 问题答案： 以下是一种上传文件的方法，还有许多其他方法。 正如@nordenheim所说，自PHP 4.1.0起已弃用，因此不建议使用。 PHP代码（upload.php） HTML代码启动功能 希望这可
-
问题内容： 我已经通过ftp成功上传了文件，但是现在我需要通过SFTP进行上传。我可以成功连接到远程服务器，创建文件并写入文件，但是无法将现有文件从本地服务器上载到远程服务器。ftp_put是否不通过sftp连接触发？ 我的代码用来写文件： 有没有人成功抓取本地文件并通过上述方法使用sftp上传？一个例子将不胜感激。 谢谢 问题答案： 通过上述方法（涉及sftp），您可以使用stream_copy
-
问题内容： 我意识到我可以非常轻松地使用CURL做到这一点，但是我想知道是否可以与http流上下文一起使用，以将文件上传到远程Web服务器，如果可以，怎么办？ 问题答案： 首先，Content-Type 的第一个规则是 定义一个边界 ， 该边界 将用作每个部分之间的定界符（因为顾名思义，它可以包含多个部分）。边界可以是 内容正文中不包含的任何字符串 。我通常会使用时间戳记： 定义边界后，必须将其与
-
这是我的超文本标记语言形式： 我想从本地机器上传图像，并希望读取上传文件的内容。所有这些我都想使用AngularJS来完成。 当我试图打印它是未定义的。
-
问题内容： 这是我的HTML表单： 我想从本地计算机上传图像，并想读取上传文件的内容。我想使用AngularJS进行的所有操作。 当我尝试打印时，它的值是未定义的。 问题答案： 这里的一些答案建议使用，但不幸的是，这是Internet Explorer 9及更低版本中不可用的浏览器对象。如果需要支持那些较旧的浏览器，则需要使用或使用Flash 的备份策略。 已经有许多Angular.js模块可以执
-
它应该很简单：我必须发送文件和一些字符串值。但我想不出怎么做。 根据我发现的一些样本，我首先尝试了以下内容： 它给我一个“400错误请求”错误。 我做错了什么？ 编辑：顺便说一句，上面的“getfile（）”返回一个File对象。其余的参数都是字符串和int。
-
问题内容： 嗨，我正在尝试使用此代码发送带有xmlhttprequest的文件。 但我收到此错误：请求被拒绝，因为未找到多部分边界，请帮助我。 问题答案： 没有这样的事情; 文件对象不应该以这种方式附加。 不发送文件。您必须使用对象将文件包装到post数据对象中： formData.append(“thefile”, file); xhr.send(formData); 之后，可以访问文件（如果您