ImageUploader.js

"use strict";
var ImageUploader = {

    uploadURL : 'admin/inventory/uploadImage',
    inputObject : document.getElementById('item-image-upload'),
    uploadEntityName : "photos[]",

    callback : function(response){
        console.log(response);
    },

    upload : function(){
        var formData = this.prepareFormData();
        this.initiateAjaxUpload(formData);
    },

    initiateAjaxUpload : function(formData){

        var uploader = this;

        var xhr = new XMLHttpRequest();

        xhr.open('POST', uploader.uploadURL , true);

        xhr.onload = function (response) {
            if (xhr.status === 200) {
                uploader.callback(response.target.response);
            } else {
                alert('An error occurred in uploading files.');
            }
        };

        xhr.setRequestHeader("Content-Type", "multipart/form-data");
        xhr.responseType = "json";
        xhr.send(formData);

    },

  

    getFiles : function(){
        if(this.inputObject && this.inputObject.files){
            return this.inputObject.files;
        }
        return [];
    },

    prepareFormData : function(){

        var files = this.getFiles();
        var formData = new FormData();

        for (var i = 0; i < files.length; i++) {

            var file = files[i];

            if (!file.type.match('image.*')) {
                continue;
            }

            formData.append(this.uploadEntityName, file);
        }
        formData.append("Apple", 1);
        return formData;
    }



};