小编nou*_*oun的帖子

AJAX文件上传后,$ _ POST和$ _FILES为空

我是Web开发的新手,而我遇到的最新问题是ajax文件上传...

现在,我有两个HTML输入字段。文件输入和按钮。

<input type="file" name="Frame" id="Frame_"/>
<input type="button" name="FrameButton" id="FrameButton_" value="UPLOAD"/>
Run Code Online (Sandbox Code Playgroud)

单击按钮后,我然后调用具有以下代码的函数。

var frame = document.getElementById('Frame_');
var frameImg = frame.files[0];
var form_data = new FormData();

form_data.append('frame', frameImg);

jQuery.ajax({
    url : './handler.php',
    type : 'post',
    data  :  form_data
    contentType : false,
    processData : false,
    success : alert("Frame Uploaded")
});
Run Code Online (Sandbox Code Playgroud)

当我var_dump()$ _POST和$ _FILES数组时,它将两个数组都显示为空。尽管Chrome开发人员阅读了“请求有效载荷”

内容处置:表单数据;name =“ frame”; filename =“ GoldFrame.jpg”

内容类型:图片/ jpeg

我的印象是,这意味着我在前端选择的文件信息已成功“发布”到我的handler.php文件中。这是错误的解释吗?

不管哪种方式,有人可以给我答案我的问题吗?或至少指向可能有我答案的资源?同样的问题似乎也有很多类似的问题,但我还没有看到一个有确凿答案的问题。

过去,我曾将iframe用于此类操作,但这似乎是一种非常棘手的方法,并且我希望将来能够灵活地将Ajax用于此类任务。

感谢帮助。

javascript php ajax jquery

5
推荐指数
1
解决办法
8000
查看次数

标签 统计

ajax ×1

javascript ×1

jquery ×1

php ×1