ajax php file upload and php page failed to retrieve the file

Question

HTML:

<form id="imageform" method="post" enctype="multipart/form-data" >
    Upload image <input type="file" name="photoimg" id="photoimg" />
</form>
<div id='preview'></div>

JavaScript:

$('#photoimg').change(function() {
    $("#preview").html('');
    $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');

    var data = new FormData();
    jQuery.each($('#photoimg')[0].files, function(i, file) {
        data.append('file-' + i, file);
    });

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

PHP:

print_r($_FILES);

Need help to resolve this issue.

What are you trying to do? The code posted is not a valid Javascript or PHP. Looks like you have just taken parts of code and mashed them together. If this is how it actually looks of course it won't work. <?php ?> and <script></script should be used for starters. — inquam
– inquam, Commented Mar 19, 2013 at 7:30

Dipesh Parmar · Accepted Answer · 2013-03-19 08:21:15Z

1

You can not upload files via AJAX. You can use this ajax form plugin

`Example`

answered Mar 19, 2013 at 8:21

community wiki

Dipesh Parmar

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

1 Comment

saqib Over a year ago

$('#photoimg').change( function() {$("#preview").html('<img src="loading.gif" alt="Uploading...."/>'); var oOutput = document.getElementById("preview"); var oData = new FormData(document.forms.namedItem("imageform")); oData.append("CustomField", "This is some extra data");var oReq = new XMLHttpRequest(); oReq.open("POST", "ajaximage.php", true); oReq.onload = function(oEvent) { if (oReq.status == 200) { oOutput.innerHTML = oReq.responseText ; } else { oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>"; } };oReq.send(oData);});

Collectives™ on Stack Overflow

ajax php file upload and php page failed to retrieve the file

1 Answer 1

`Example`

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related