使用POST类型的Ajax FormData但在PHP文件中无法获取请求

时间:2016-02-05 12:28:43

标签: javascript php jquery ajax

我无法弄清楚问题。如果我缺乏知识并且犯了愚蠢的错误,我会事先道歉。这是我的一段代码。

    <!-- Piece of html -->
    <div class="form-group">
    <input class="form-control" placeholder="Enter Service image" id="edit_service_image-1" type="file" name="file_image">
    </div>
    <button type="button" class="btn btn-primary" onclick="processIt(<?php echo $service['service_id'];?>,'esi',document.getElementById('edit_service_image-1').files[0])">Edit</button>

javascript功能: - &gt;

    function processIt(id,flag,inputvalue)
    {

         var filedata = new FormData();
         filedata.append('imagefile', inputvalue);
         filedata.append('id', id);
         filedata.append('flag', flag);
         $.ajax({
                    url: 'modify.php',
                    type: 'POST',
                    inputvalue: filedata,
                    contentType: false,
                    processData: false,
                    cache: false
                }).success(function(msg) {
                    alert(msg);
                });


    }

这是modify.php(仅测试代码)

    <?php
      if(isset($_REQUEST['flag']) && !empty($_REQUEST['flag']) && isset($_REQUEST['id']) && !empty($_REQUEST['id']) )
        {
         $flag = $_REQUEST['flag'];
         $id = $_REQUEST['id'];
         echo "Processed";
        }
       else
        echo "Request not processed";
    ?>

所以我的问题是它始终警告“请求未处理”,这意味着没有使用ajax POST发布任何内容。我很困惑,无法弄清楚确切的问题。

修改

modify.php的另一个测试代码

     <?php
        print_r($_FILES);
        print_r($_POST);
     ?>

在这种情况下,输出为 - &gt;

    Array{

    }
    Array{

    }

解决

感谢所有指导我的人 只是改变了javascript的工作原理。以下是processIt()函数中的以下更改代码,它符合我的目的 - &gt;

 function processIt(id,flag,inputvalue)
    {

         var filedata = new FormData();
         filedata.append('imagefile', inputvalue);
         filedata.append('id', id);
         filedata.append('flag', flag);
         $.ajax({
                    url: 'modify.php',
                    type: 'POST',
                    data: filedata, // Here instead of inputvalue it's changed to data
                    contentType: false,
                    processData: false,
                    cache: false
                }).success(function(msg) {
                    alert(msg);
                });


    }

3 个答案:

答案 0 :(得分:1)

我的答案是answer。不确定您从哪里inputvalue,但请将其替换为data

function processIt(id, flag, inputvalue)
{
     var data = new FormData();
     data.append('imagefile', inputvalue);
     data.append('id', id);
     data.append('flag', flag);

     $.ajax({
        url: 'modify.php',
        type: 'POST',
        data: data,
        contentType: false,
        processData: false,
        cache: false,
        success: function (msg) {
            alert(msg);
        }
     });
}

只需在PHP代码中进行友好的代码审查,避免使用$_REQUEST,并且在IF条件下进行了太多不必要的检查。这是修复它的一种方法:

if (!empty($_POST['flag']) && !empty($_POST['id'])) {
    $flag = $_POST['flag'];
    $id = $_POST['id'];
    echo "Processed";
} else {
    echo "Request not processed";
}

您还可以尝试filter_input功能,该功能提供一些验证和清理功能。不幸的是,没有INPUT_FILE,你必须使用$_FILES数组。

假设id是一个整数,你可以这样做:

$flag = filter_input(INPUT_POST, 'flag', FILTER_SANITIZE_STRING);
$id = filter_input(INPUT_POST, 'id', FILTER_VALIDATE_INT);
if ($flag && $id) {
   echo "Processed";
} else {
   echo "Request not processed";
}

答案 1 :(得分:0)

您需要将“inputvalue”替换为“data”。

所以你的代码看起来会更像这样:

function processIt(id,flag,inputvalue)
{

     var filedata = new FormData();
     filedata.append('imagefile', inputvalue);
     filedata.append('id', id);
     filedata.append('flag', flag);
     $.ajax({
                url: 'modify.php',
                type: 'POST',
                data: { mydata: filedata },
                contentType: false,
                processData: false,
                cache: false
            }).success(function(msg) {
                alert(msg);
            });
}

然后在你的modify.php中执行:

var_dump($_POST);

查看帖子数据是否可访问。

答案 2 :(得分:-1)

我不知道你是怎么得到这个选项的:inputvalue:但是这样做:

function processIt(id,flag,inputvalue){

    $.ajax({
                    url: 'modify.php',
                    type: 'POST',
                    data: {inputvalue:'imagefile',id:id, flag:flag},
                    contentType: false,
                    processData: false,
                    cache: false,
                    success: function(msg) {
                       alert(msg);

                      }

                });


    }