Ajax不发送文件
基础概念
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页应用能够快速地更新内容。
为什么不发送文件
Ajax本身并不直接支持文件上传，因为它主要是用来传输文本数据的。当尝试使用Ajax发送文件时，浏览器不会自动将文件内容添加到请求体中，因此文件无法被发送。
解决方案
为了解决Ajax不发送文件的问题，可以使用HTML5引入的FormData对象。FormData对象可以用来构建一组键值对，表示表单字段和其值，然后可以通过Ajax发送这些数据。
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ajax File Upload</title>
<script>
function uploadFile() {
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onload = function () {
if (xhr.status === 200) {
alert('File uploaded successfully');
} else {
alert('File upload failed');
}
};
xhr.send(formData);
}
</script>
</head>
<body>
<input type="file" id="fileInput">
<button onclick="uploadFile()">Upload</button>
</body>
</html>应用场景
文件上传是一个常见的应用场景，例如在社交媒体平台上上传照片，在在线教育平台上传课件等。
参考链接
通过使用FormData对象，可以轻松地通过Ajax发送文件，从而实现文件的异步上传功能。
相关·内容
1回答
显示前端的下载前处理
、、、、
我先解释一下工作流-
我目前使用的技术栈:Java1.5、Spring 3、jQuery 1.8。应用服务器:6
Node.js是一个解决
浏览 2提问于2013-12-03得票数 0
1回答
我在一个简单的联系人表单上使用PHPMailer，为了提交该表单，我使用了jQuery AJAX。contact表单和AJAX一样可以正常工作，现在一切都正常了，我正在解决这个问题。通过AJAX提交表单时，PHPMailer发送的电子邮件中不包含文件附件。
如何在使用jQuery AJAX提交表单时发送附件？
浏览 0提问于2016-05-07得票数 1
3回答
我正在使用，并试图以以下方式使用Jquery.ajax()发送Jquery.ajax：data.append('some_name', 'some_data'); url:textStatus, errorT
浏览 8提问于2015-08-25得票数 1
回答已采纳
1回答
不适用于<h:commandLink>和<f:ajax>。false">
<f:ajaxfile; this.file = file;
浏览 3提问于2015-01-18得票数 0
回答已采纳
这里有一个关于AJAX文件上传的教程：“一个处理多个文件上传和百分比进度指示器的JavaScript AJAX文件上传器。使用JavaScript处理文件上传。”使用FormData和XMLHttpRequest完成所有这些javascript发送文件的目的是什么？对不起，我只是不明白。发送文件的是PHP。AJAX上传了什么？
帕特里克
浏览 3提问于2013-09-08得票数 1
回答已采纳
假设我有一个pdf文件的Google url，那么javascript中是否有获取文件的数据并通过ajax (json)发送它？如果可能的话，我如何在javascript中这样做？
浏览 2提问于2017-04-18得票数 0
回答已采纳
我正在尝试发送数据与文件使用jQuery ajax。value + "-form"; $.ajaxfalse, });</script>
我已经编辑了添加了enctype和dataType的
浏览 0提问于2015-11-03得票数 1
我要求在单击文件后显示该文件的内容。我正在使用javascript通过Ajax调用同一文件中的php函数。我知道我们不能使用ajax调用php函数，但我正在尝试调用相同的文件，并且在php文件中，我正在检查isset()以获取我通过Ajax发送的参数。我不知道出了什么问题，但代码不工作。if(isset($_POST['param3'])){
echo "I am
浏览 1提问于2018-03-30得票数 0
1回答
main.js method: "POST", data: {type : 4}.done(function(msg_info
浏览 3提问于2016-09-15得票数 1
回答已采纳
我希望我的应用程序从数据库(或文件系统)中检索图像。无论哪种方式，div锚标签如何处理图像？请参阅删除带有JSON结果的链接下面的示例链接：
我有一个结果类型为JSON的struts2操作。
浏览 2提问于2011-05-01得票数 2
1回答
我没有太多使用ajax的经验，但在将表单数据发送到ASP控制器时发现了一个问题。场景1$(this).serialize()将ajax请求中的data设置为所有表单数据都会发布，包括上传的文件，但页面会刷新，这是我不希望发生的事情。
这里发生了什么，我如何才能在不刷新页面的情况下发
浏览 0提问于2017-10-08得票数 0
我正在开发一个需要加载两个精灵图像的程序。我现在使用的是不同的实现，但我首先使用的是： // code to run on load我意识到我实际上是在一个bool上调用load()，理论上这对我来说似乎不应该起作用-但它确实起作用了，或者至少看起来起作用了。
浏览 0提问于2013-03-14得票数 0
2回答
我将使用AJAX向以下服务器发送文件： type: 'POST', crossDomainקובץ.txt" success: function (data, textStatus, jqXHR) {}});
代码工作正常，但是当我将希伯来文件名放在头上时错误扫描fileTypeError:在'XM
浏览 0提问于2019-11-11得票数 2
回答已采纳
我在一个开源代码中找到了这个ajax函数。Load data from ajax url : "<?php echo site_url('person/ajax_edit/')?简单地解释一下我想要发生的事情，folder--model----main.php----add.php我想要做的是，当我单击按钮时，aj
浏览 0提问于2016-04-29得票数 0
2回答
因此，我有一个关于通过ajax和php mysql检索数据的问题。site是一个不刷新web应用程序，其中的内容由ajax请求检索，因为我们不能在站点中执行php查询。我们向php文件发送ajax请求，该文件依次执行查询，并将响应发送回浏览器，然后使用javascript显示数据。用户web浏览器(国家B) AJAX请求-> php文件(国家A)
浏览 0提问于2017-01-16得票数 0
回答已采纳
我知道这样的代码用于使用ajax将数据发送到php文件而不刷新，但这段代码只适用于一种形式的输入，我的问题是:我有一个网页，其中有5个按钮，每个按钮与不同的输入相关，我想用ajax发送数据而不需要刷新，例如，当我单击按钮1，它发送自己的输入，当我单击按钮n，它发送自己的数据，我怎么做呢？$(function () {
浏览 0提问于2014-12-28得票数 1
回答已采纳
2回答
我也有一些问题的邮寄，我想发送一个确认谁已填写的表格。所以，一个给接收者，一个给发送者，但是我对它有一些问题。或者我的收件箱里只有一个，或者是一个空邮件(我的输入信息没有发布在邮件中)。
浏览 3提问于2020-01-21得票数 1
我通过jquery的ajax方法发送了大量数据，一个函数的例子是 url: retrive.php, data: data,});我们怎样才能防
浏览 0提问于2015-02-10得票数 1
回答已采纳
我们有一个按钮，用AJAX将一个查询发送到文件。文件有JavaScript:按onclick事件按钮，JavaScript不工作。我没看到“你好”的留言。我知道所有的JavaScript都应该在AJAX级别上执行。但是这种情况需要执行一个JavaScript，这个作为响应返回。
诚挚的问候
浏览 3提问于2012-05-15得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
