Javascript -将网站上的图像更改为本地文件

var input = document.getElementById('image-input'),
    tag = document.getElementsByTagName('html')[0];
input.addEventListener('change', function() {
    var file = input.files[0],
        reader = new FileReader();
    if( !file ) {
        return;
    }
    reader.addEventListener('load', function( evt ) {
        localStorage['background-image'] = reader.result;
        tag.style.backgroundImage = 'url(' + reader.result + ')';
    });
    reader.readAsDataURL(file);
});
if( localStorage['background-image'] ) {
    tag.style.backgroundImage = 'url(' + localStorage['background-image'] + ')';
}

这里有一个JSFiddle(注意，我已经注释掉了本地存储代码，因为它在JSFiddle中不允许)。