サーバアクセスなしにローカルファイルを背景画像に適用するjs

src.js

// change BgImage by the input file's attribute without any server access.
document.querySelector('input[type="file"]').addEventListener('change', function (e) {
    var reader = new FileReader();
    reader.onload = function(e) {
        $('#backgroundId').css({backgroundImage:'url("'+e.target.result+'")'});
    };
    reader.readAsDataURL(e.target.files[0]);
}, false);