如何将 xmlhttp 请求发送到 php 文件以上传图像
How to send a xmlhttp request to a php file to upload an image
我试图制作一个ajax图像上传器,我想知道如何通过xmlHttpRequest发送图像。
首先,我尝试使用FormData对象发送
var formdata = new FormData();
formdata.append('file',fileInput.files[0]);
但是当我在请求的 php 文件中print_r
_POST
并_FILES
但函数返回了一个空数组.
我也尝试仅使用 send() 方法执行此操作,但它也不起作用 问题出在哪里
注意:我没有忘记setHeader中的"multipart/form-data"
。
要在应用程序中使用 XML HTTP 请求功能,您必须学习使用 Ajax 在后台上传文件
1) 定义文件上传的输入元素。对按钮单击事件使用 upload() 方法,以便在单击按钮时上传文件。
<input type="file" id="uploadfile" name="uploadfile" />
<input type="button" value="upload" onclick="upload()" />
2) 在 upload() 方法中,创建一个 FormData 接口实例,并将带有附加文件的文件元素添加到其中。使用 send() 方法将 FormData 发送到服务器。
<script>
var client = new XMLHttpRequest();
function upload()
{
var file = document.getElementById("uploadfile");
/* Create a FormData instance */
var formData = new FormData();
/* Add the file */
formData.append("upload", file.files[0]);
client.open("post", "/upload", true);
client.setRequestHeader("Content-Type", "multipart/form-data");
client.send(formData); /* Send to server */
}
/* Check the response status */
client.onreadystatechange = function()
{
if (client.readyState == 4 && client.status == 200)
{
console.log(client.statusText);
}
}
</script>
相关文章:
- 如何在php文件中获取$.post-ajax传递的值
- Javascript运行php文件,然后下载文件
- 通过Ajax将JavaScript函数传递给PHP文件
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 通过ajax到php文件获取单选按钮值
- 每天用javascript包含不同的php文件
- 如何使用javascript调用Php文件
- 如何使用php文件中的GET来获取我在.js文件中声明的变量
- 在CodeIgniter视图中将Javascript或jQuery代码作为PHP文件编写可以吗
- CORS:否'访问控制允许来源'header-但是php设置头文件
- 用PHP发送html表单和文件附件
- 动态地包含来自外部文件PHP的JavaScript
- 向文件 php 表单提交添加多个输入
- 将web服务响应转换为PDF文件- PHP, Javascript
- 基于XML文件(PHP, Jquery)的页面生成
- 如何使用jQuery.ajax发送请求到文件php
- 显示数据下拉列表从另一个文件(php,mysql,javascript)
- 两个电子邮件在同一个文件php
- 从mysql中存储和检索用户js文件.php
- 组织3个文件:PHP、HTML、JS和Smarty