Send file input to php with ajax

Question

I want to send a file from an input to a php script, using ajax. Here is what I've done so far:

HTML

  <div id="inserting">
     <button id="inserting_btn">Upload</button>
     <input type="file" id="inserting_file"/>
   </div>

JS

$('#inserting_btn').click(function(){
        var file = $('#inserting_file').val();
        $.ajax({
            method: 'POST',
            url: 'input_text/import.php',
            data: 'file='+file,
            success: function(data){
                alert(data);
            }
        });
    });

PHP file import.php

if ($_FILES['file']['tmp_name'] ){
       echo 'yes';
    }
    else {
        echo 'no';
    }

(Sorry for my english.)

Possible duplicate of [jQuery AJAX file upload PHP](http://stackoverflow.com/questions/23980733/jquery-ajax-file-upload-php) — Jeric Cruz, Apr 24 '17 at 00:25

score 1 · Answer 1 · answered Apr 23 '17 at 23:35

1

data: {file: file}

try replacing your data line with this

and in php

 $file = $_POST['file'];

answered Apr 23 '17 at 23:35

Chris Hutchison

601
6
20

score 0 · Answer 2 · answered Sep 08 '17 at 16:07

Try to change this in your code :

$('#inserting_btn').click(function(){
    var file_rec = $('#inserting_file').prop("files")[0]; // get the file
    var form_data = new FormData();                  
    form_data.append('file', file_rec);
    $.ajax({
        method: 'POST',
        url: 'input_text/import.php',
        data: form_data,
        success: function(data){
            alert(data);
        }
    });
});

PHP file import.php

if ($_FILES['file']){
   echo 'yes';
}
else {
    echo 'no';
}

Send file input to php with ajax

2 Answers2