javascript - 使用新下载的图像填充输入[type = file]

Question

如何使用<input type="file">将下载的图像直接填充到javascript？

我有一个网站，允许用户分别更改avatar图片和background图片，其中包含2 <input type="file">。之后，avatar和background将在页面上很好地显示。

但是，如果UserA上传了avatar和background，而下一轮他只想更改background，则会点击background并更改background。并保持avatar按钮不变。如果是这种情况，我需要将avatar图像（已经从服务器下载）直接放入<input type="file">然后执行uploadImage函数：

function uploadImage(){
        var formData = new FormData();
        formData.append('Avatar',$('#avatar')[0].files[0]);
        formData.append('Background',$('#background')[0].files[0]);

        $.ajax({
        url: uploadurl,
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        headers:{
                Authorization : getPref('auth_token')
            },
        success: function (data) {
            console.log(data);
            myApp.alert("Upload done!",null);
        },
          error:function(xhr, status)
          {
            console.log(status);
            myApp.alert("Please try again later.",'Connection fail!',null);
          }
        });
}

但我不知道如何从下载网址获取图像文件。

我该如何解决这个问题？