drt41563
drt41563
2016-02-05 12:28

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

已采纳

I am unable to figure out the problem .I apology in advance if I have lack of knowledge and did silly mistakes. Here is my piece of code.

    <!-- 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>

The javascript function :->

    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);
                });


    }

Here is modify.php (Only test code)

    <?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";
    ?>

So my problem is its always alerting "Request Not Processed", which means nothing is getting posted using ajax POST . I am confused, couldn't figure out the exact problem.

Edit

Another test code of modify.php

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

In this case the output is -->

    Array{

    }
    Array{

    }

SOLVED

Thanks to everybody who guided me Just a change in javascript worked . Here's the following changed code in processIt() function, which served my purpose->

 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条回答

  • dpd7195 dpd7195 5年前

    I am basing my answer off this answer. Not sure where you got inputvalue from, but replace it with 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);
        }
     });
}

    And just a friendly code review in your PHP code, avoid using $_REQUEST and you are doing too much unnecessary checking in your IF condition. Here's one way to fix it:

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

    You may also try filter_input function which offers some validation and sanitization features. Unfortunately, there is no INPUT_FILE and you have to use $_FILES array.

    Assuming id is an integer, you could do something like:

    $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";
}
    点赞 评论 复制链接分享
  • douhuan3448 douhuan3448 5年前

    You need to replace your "inputvalue" with "data".

    So your code will look more like this:

    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);
            });
}

    And then in your modify.php do:

    var_dump($_POST);

    To see if the post data is accessable.

    点赞 评论 复制链接分享
  • dongzhe3573 dongzhe3573 5年前

    I have no idea how did you get this option: inputvalue: but this will do:

    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);

                      }

                });


    }
    点赞 评论 复制链接分享
提交

为你推荐