ajax-upload.js

// #js-profile-pic-upload --> <input id='js-profile-pic-upload' type=file />

$('#js-profile-pic-upload').on('change', function () {
    const supplierId = $(this).data('supplierId');
    var form = new FormData();
    form.append('photo', $(this)[0].files[0]);
    $.ajax({
        type: 'POST',
        url: `/upload-photo`,
        data: form,
        cache: false,
        contentType: false,
        processData: false,
        success: resp => $('#js-profile-pic').attr('src', resp.url),
        error: err => console.error(err)
    });

    // preview while uploading above is in progress
    var reader = new FileReader();
    reader.onload = (e) => {
        // That image dom element to show the "preview"
        $('#js-profile-pic').attr('src', e.target.result);
    }
    reader.readAsDataURL($(this)[0].files[0]);
})