要实现不刷新和更改背景的图像上传，可以使用HTML5的File API和Canvas API结合起来。以下是一个示例代码：

HTML部分：

JavaScript部分：

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var imageUpload = document.getElementById('imageUpload');

imageUpload.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();

  reader.onload = function(event) {
    var img = new Image();
    img.onload = function() {
      canvas.width = img.width;
      canvas.height = img.height;
      ctx.drawImage(img, 0, 0);
    }
    img.src = event.target.result;
  }

  reader.readAsDataURL(file);
});

上述代码中，我们首先获取了输入框和画布的DOM元素，并添加了一个change事件监听器。当用户选择上传的图像文件时，change事件将被触发。接下来，我们通过FileReader对象读取文件，并将其转换为DataURL。然后，我们创建一个新的Image对象，并设置其onload事件处理函数。在这个处理函数中，我们将画布的宽度和高度设置为图像的宽度和高度，并把图像绘制到画布上。

通过这种方式，我们可以实现在不刷新页面和更改背景的情况下上传图像。