FYI – FatFractal Makes File Upload Easy

You can access the source code for the sample application here.

Inspired by a recent blog post by Raymond Camden, we decided to show how much easier FatFractal makes it to create an object containing a blob. This example uses our JavaScript SDK in a PhoneGap app, but all of our SDKs feature the same ease of use.

Here’s the relevant code for uploading with FatFractal:

// Not even a little bit complex -- just set the member

var newNote = {

    clazz: "Note",

    text: noteText

};

if (imagedata) newNote.picture = imagedata;

ff.createObjAtUri(newNote, "/Note", function(result) {

    $.mobile.changePage("#home");

}, function(error) {

    console.log("Oh crap", error);

});

cleanUp();

Here’s the Parse code (from Raymond Camden’s blog):

/*

A bit complex - we have to handle an optional pic save

*/

if (imagedata != "") {

    var parseFile = new Parse.File("mypic.jpg", {base64:imagedata});

    console.log(parseFile);

        parseFile.save().then(function() {

            var note = new NoteOb();

            note.set("text",noteText);

            note.set("picture",parseFile);

            note.save(null, {

                success:function(ob) {

                    $.mobile.changePage("#home");

                }, error:function(e) {

                    console.log("Oh crap", e);

                }

            });

            cleanUp();

        }, function(error) {

            console.log("Error");

            console.log(error);

        });

} else {

    var note = new NoteOb();

    note.set("text",noteText);

    note.save(null, {

        success:function(ob) {

            $.mobile.changePage("#home");

        }, error:function(e) {

            console.log("Oh crap", e);

        }

    });

    cleanUp();

}

(The only other significant change was to switch to reading the image from the filesystem rather than receive it as a base64-encoded string, which is arguably better practice anyway. Check out the full source up on GitHub!)

So, instead of forcing you to create and save a special file object, FatFractal lets you do the natural thing: you set the member, we take care of the rest.