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

Jeric Cruz
– Jeric Cruz

2017-04-24 00:25:14 +00:00
Commented Apr 24, 2017 at 0:25 — Jeric Cruz
– Jeric Cruz, Commented Apr 24, 2017 at 0:25
I just use - data: { "file": file },

Brad
– Brad

2017-04-24 22:09:12 +00:00
Commented Apr 24, 2017 at 22:09 — Brad
– Brad, Commented Apr 24, 2017 at 22:09

Chris Hutchison · Accepted Answer · 2017-04-23 23:35:50Z

1

data: {file: file}

try replacing your data line with this

and in php

 $file = $_POST['file'];

answered Apr 23, 2017 at 23:35

Chris Hutchison

6116 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fahem Idir · Accepted Answer · 2017-09-08 16:07:02Z

0

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

answered Sep 8, 2017 at 16:07

Fahem Idir

1272 bronze badges

Collectives™ on Stack Overflow

Send file input to php with ajax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related