HTML5 Upload

upload.js

(function () {

    var input = document.getElementById("image"), formdata = false;

    if (window.FormData) {
          formdata = new FormData();
    }

     input.addEventListener("change", function (evt) {

        file = this.files[0];

        if (!!file.type.match(/image.*/)) {
            if ( window.FileReader ) {
                reader = new FileReader();
                reader.onloadend = function (e) {
                    //showUploadedItem(e.target.result, file.fileName);
                };
                reader.readAsDataURL(file);
            }
            if (formdata) {
                formdata.append("image", file);
            }
        }

        if (formdata) {
            $.ajax({
                url: "upload.php",
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                success: function (res) {
                    window.uploadedImage = res;
                    $('#image-holder').append('<img src="' + window.uploadedImage + '" />');
                }
            });
        }
    }, false);

}());