【问题标题】：posting text file thru jQuery ajax in php and download the response file通过 jQuery ajax 在 php 中发布文本文件并下载响应文件
【发布时间】：2016-04-01 09:59:27
【问题描述】：

要求：

我必须在具有文件类型输入的 PHP 文件中提交表单。我需要 jQuery ajax 来发布这个文本文件让我们说 processFile.php

processFile.php 会将此文本文件作为输入，处理后将返回一个我想在客户端下载的 csv 文件。

我看过很多帖子，但没有任何帮助。

HTML：

    <form id="utilityForm" class="utilityForm4" method="POST" enctype="multipart/form-data" style="margin-top:25px">
        <input type="file" name="image" id="image"/>
        <br/><input type="submit" name="download" class="submit" value="Submit"/>
  </form>

jQuery:

$(document).ready(function(){
      $(".submit").click(function(e){
var urlstring = "processFile.php"
          var form_data = new FormData($(this)[0]);
          $.ajax({
                url : urlstring,
                type: "POST",
                data : postData,
                success:function(result){
                         var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(result);
                         window.open(uri, 'result.csv');
                },
                error: function(jqXHR, textStatus, errorThrown)
                {
                    alert('failed');
                    echo (errorThrown);
                }
          });
      });
});

我已经尝试了网上给出的数百种解决方案，但没有一个有效。

【问题讨论】：

您看到的错误是什么？

标签： php jquery

【解决方案1】：

这里我提供了完整的工作示例：

HTML 文件：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function (e) {
    $("#uploadimage").on('submit',(function(e) {
        e.preventDefault();

        $.ajax({
        url: "ajax_php_file.php", // Url to which the request is send
        type: "POST",             // Type of request to be send, called as method
        data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
        contentType: false,       // The content type used when sending data to the server.
        cache: false,             // To unable request pages to be cached
        processData:false,        // To send DOMDocument or non processed data file it is set to false
        success: function(result)   // A function to be called if request succeeds
        {
                e.preventDefault();  //stop the browser from following
                window.location.href = 'upload/'+result;
        }
        });
    }));

// Function to preview image after validation

});
</script>
</head>

<body>

<form id="uploadimage" action="" method="post" enctype="multipart/form-data">
<a href='#' id="tmpcsv" style="display:none">Download</a>
<input type="file" name="file" id="file" required />
<input type="submit" value="Upload" class="submit" />
</form>
</body>

PHP 文件：

<?php
if(isset($_FILES["file"]["type"]))
{
    $temporary = explode(".", $_FILES["file"]["name"]);
    $file_extension = end($temporary);

    if (file_exists("upload/" . $_FILES["file"]["name"])) 
    {
        echo $_FILES["file"]["name"] . " <span id='invalid'><b>already exists.</b></span> ";
    }
    else
    {
        $sourcePath = $_FILES['file']['tmp_name']; // Storing source path of the file in a variable
        $targetPath = "upload/".$_FILES['file']['name']; // Target path where file is to be stored
        move_uploaded_file($sourcePath,$targetPath) ; // Moving Uploaded file
        echo $_FILES["file"]["name"];
    }
}
else
{
    echo "<span id='invalid'>***Invalid file Size or Type***<span>";
}
?>

尝试上传任何文件。这对你有用吗？

【讨论】：

感谢您的回复。但主要问题是输入文件没有发送到 processFile.php。 jQuery 不知何故无法将文件类型输入发布到 php 文件。
非常感谢。它进行了一些小的更改。再次感谢:)
欢迎。如果我的回答对您有用，请按。