通过ajaxform上传文件不起作用答案

【问题标题】：File upload through ajaxform not working通过ajaxform上传文件不起作用
【发布时间】：2014-07-19 18:06:30
【问题描述】：

我正在尝试通过 AJAX 调用 (& PHP) 上传图像。我正在使用 ajaxform 插件来执行此操作，但是显然当我提交表单时，“文件”输入值没有被传递给 php 脚本。这是我的 HTML 和 JS：

<form action="upload_file.php" method="post" enctype="multipart/form-data" id="select-image">
    <input type="file" name="image" size="30"/> <input type="submit" name="upload" value="Upload" />
</form>

<script>
    var options = { 
        success:       showResponse  // post-submit callback 
    }; 

    // bind form using 'ajaxForm' 
    $('#select-image').ajaxForm(options); 

    // post-submit callback 
    function showResponse(responseText, statusText, xhr, $form)  {       
        alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
            '\n\nThe output div should have already been updated with the responseText.'); 
    } 
</script>

对于测试upload.php包含：

<?php
if(isset($_POST['upload'])){
    var_dump($_FILES);
}
?>

当我提交表单时，我得到的只是：

Array(
    [image]=>
)

我做错了吗？我什至可以通过 Ajaxform 插件上传图片吗？请提出建议。

谢谢。

【问题讨论】：

标签： javascript php ajaxform

【解决方案1】：

尝试在 var 选项中添加 'cache : false'。

var options = { 
  cache : false,
  success: showResponse  // post-submit callback 
};

为我工作。

【讨论】：