Saving binary string to file in php sent from POST

Question

I have a drag and drop uploader for (.jpg,.ai,.pdf,.flv,.psd ....etc.)

I'm reading the file as binary and sending the string in a jquery post:

function importZoneDrop(evt) {
    evt.stopPropagation();
    evt.preventDefault();

    var files = evt.dataTransfer.files; // FileList object.

    // files is a FileList of File objects. List some properties.
    for (var i = 0, f; f = files[i]; i++) {
        var start = 0;
        var stop = files[0].size - 1;
        var reader1 = new FileReader();
        var reader2 = new FileReader();
        var ext = f.name.substring(f.name.indexOf(".")+1);
        if(ext == "JPEG" || ext == "jpeg" || ext == "JPG"){
            ext ="jpg";
        }

        reader1.onload = (function(theFile) {
            return function(e) {
              // Render thumbnail.
              $("#import-drop-zone").append('<img src="'+e.target.result+'" />');
            };
         })(f);

        reader2.onloadend = function(evt) {
          if (evt.target.readyState == FileReader.DONE) { // DONE == 2
            $.post("/process/upload.php",{"blob":evt.target.result,"extension":ext},function(data){
                console.log(data);
            });
          }
        };

        reader1.readAsDataURL(f);
        var blob = f.slice(start, stop + 1);
        reader2.readAsBinaryString(f);
    }
  }

This works and send the file. Next Get the string and write it using file_put_contents:

$extension = $_POST['extension'];
$file = $_POST['blob'];//sent from jquery post
$filePath = "../_temp/monkey.".$extension;

file_put_contents($filePath,$file);
if(file_put_contents($filePath,$file)){
    echo json_encode("it worked");
}else{
    echo json_encode("it failed");
}

This will successfully write the file. But the file does not work, it's broke.

What am I doing wrong?

Martin · Accepted Answer · 2012-09-19 16:44:27Z

5

You need to use base64_decode.

file_put_contents($filePath, base64_decode($file));

Note, you're currently writing the data twice. Don't.

if (file_put_contents($filePath, base64_decode($file))) {

is fine

Edit

Also worth nothing that it's more efficient to upload the binary file directly, then you can skip base64_decode. Something like this:

var xhr  = new XMLHttpRequest(),
    data = new FormData();

data.append("file", f); // You don't need to use a FileReader
// append your post fields

// attach your events
xhr.addEventListener('load', function(e) {});
xhr.upload.addEventListener('progress', function(e) {});

xhr.open('POST', '/process/upload.php', true);
xhr.send(data);

You can view the rest of the events here with some samples here.

edited Sep 19, 2012 at 16:44

answered Sep 19, 2012 at 15:05

Martin

6,7054 gold badges28 silver badges28 bronze badges

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

3 Comments

Jason Spick Over a year ago

The duplicate was a type from un-commenting. I'm getting a return of it failed. when I var_dump the base64_decode i get an empty string, but when i just var_dump the $_POST i get the binary. why is that?

Martin Over a year ago

Show the var_dump from $_POST. If you use the alternative FormData method I suggested then PHP will pickup the correct file and populate the $_FILES array for you (and then you can just call move_uploaded_file).

Jason Spick Over a year ago

It worked!! The second version worked. awesome. Is it possible you could point me in the direction of how to monitor JSON responses using xhr?

Collectives™ on Stack Overflow

Saving binary string to file in php sent from POST

1 Answer 1

Edit

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Edit

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related