Question

I’m was making a drag and drop upload script by reading a bunch of tutorials, but they only cover the javascript part, and i’m having issues on the php part.

I’m uploading a image as this:

$('#drop-zone').bind('drop', drop);

function drop(e) {
    e.stopPropagation();
    e.preventDefault();
    e.dataTransfer = e.originalEvent.dataTransfer;
    traverseFiles(e.dataTransfer.files);
}

traverseFiles makes a foreach loop for every file and calls upload funcion, there i do this:

xhr = new XMLHttpRequest();

//some event listners for processing, on load

xhr.open("post", "core/plugins/upload/upload.class.php", true);

xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.setRequestHeader("X-File-Name", file.name);
xhr.setRequestHeader("X-File-Size", file.size);
xhr.setRequestHeader("X-File-Type", file.type);

xhr.send(file);

then in php i found using this will get me raw data of the image

$file = file_get_contents('php://input');

EDIT: solution found

$fh = fopen($savedir, 'w') or die("can't open file");
fwrite($fh, $file);
fclose($fh);

Answer 1

Assuming you have managed to get the raw file from the PHP input, it’s likely going to be base64 encoded. A simple example would be to do this:

<?php
//decode file
$image = base64_decode($file);

// write it
$filename = "myfile.png";
$fh = fopen($filename, 'w') or die("can't open file");
fwrite($fh, $image);
fclose($fh);

Edit
See comments, the file wasn’t encoded as a result of the request.