如何在客户端更改背景图像？

Question

我有问题。我需要为网站创建一个功能。用户可以在他的计算机上选择图像，并且该图像必须作为背景图像安装在体内。但我有两个问题：

1. 服务器太弱了，无法获得大量图片。
2. 如果我们在服务器上更改背景图像，则会自动为每个用户更改。

我能做些什么来解决它？

Answer 1

1. 以下是如何在浏览器中上传图像（使用jQuery）：

HTML：

<input type='file'/>
<img id="someImage" src="#"/>

使用Javascript：

$(function(){
  $(":file").change(function () {
    if (this.files && this.files[0]) {
        var reader = new FileReader();
        reader.onload = onImageLoaded;
        reader.readAsDataURL(this.files[0]);
    }
  });
})

function onImageLoaded(e){
  $('#someImage').attr('src', e.target.result)
}

1. 如果要将图像保留在服务器中，可以将图像转换为base64，甚至缩小图像，然后将其发送到服务器。