Upload Base64 Image Facebook Graph API

by

I hope this will be useful. By doing photo upload to FB only with the help of javascript you can use the following method. Required thing here are imageData(which is base64 format of image) and the mime type. 

try {
    blob = dataURItoBlob(imageData,mimeType);
} catch (e) {
    console.log(e);
}

var fd = new FormData();
fd.append("access_token",accessToken);
fd.append("source", blob);
fd.append("message","Kiss");

try {
   $.ajax({
        url:"https://graph.facebook.com/" + <<userID received on getting user details>> + "/photos?access_token=" + <<user accessToken>>,
        type:"POST",
        data:fd,
        processData:false,
        contentType:false,
        cache:false,
        success:function(data){
            console.log("success " + data);
        },
        error:function(shr,status,data){
            console.log("error " + data + " Status " + shr.status);
        },
        complete:function(){
            console.log("Ajax Complete");
        }
   });

} catch(e) {
    console.log(e);
}

function dataURItoBlob(dataURI,mime) {
    // convert base64 to raw binary data held in a string
    // doesn't handle URLEncoded DataURIs

    var byteString = window.atob(dataURI);

    // separate out the mime component


    // write the bytes of the string to an ArrayBuffer
    //var ab = new ArrayBuffer(byteString.length);
    var ia = new Uint8Array(byteString.length);
    for (var i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
    }

    // write the ArrayBuffer to a blob, and you're done
    var blob = new Blob([ia], { type: mime });

    return blob;
}

//EDIT AJAX SYNTAX

More Related Contents:

  1. ArrayBuffer to base64 encoded string
  2. Retrieving binary file content using Javascript, base64 encode it and reverse-decode it using Python
  3. Secure random token in Node.js
  4. ReadFile in Base64 Nodejs
  5. Discord bot simple editing its own message gives me error
  6. Npm Package Install Problem (found 23 vulnerabilities)
  7. Chained promises not passing on rejection
  8. MongoDB, remove object from array
  9. Make Axios send cookies in its requests automatically
  10. Start script missing error when running npm start
  11. HTTP GET Request in Node.js Express
  12. ES6 template literals vs. concatenated strings
  13. Why is ‘this’ undefined inside class method when using promises? [duplicate]
  14. NodeJS Timeout a Promise if failed to complete in time
  15. Execute an exe file using node.js
  16. How to auto-reload files in Node.js?
  17. Why use if (!!err)?
  18. Does node.js have equivalent to window object in browser
  19. Running an Express server middleware alongside Nuxt
  20. can phantomjs work with node.js?
  21. message.content doesn’t have any value in Discord.js
  22. Returning data from Axios API
  23. Get user input through Node.js console
  24. Re-associating an object with its class after deserialization in Node.js
  25. node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]
  26. Mongoose schema within schema
  27. How can I use webpack with express?
  28. How to apply both ValidationPipe() and ParseIntPipe() to params?
  29. Testing asynchronous function with mocha
  30. Approach to multiple MySQL queries with Node.js

Leave a Comment