javascript - 从 url 加载图像并将其作为表单数据提交

Question

我需要提交一个 ajax 请求，其中一个元素是一个文件而不使用表单（进入为什么需要大量解释）。问题是，如何从 url 加载图像并将其附加到 ajax 请求。到目前为止，我有以下内容：

var data = new FormData();
    data.append("widgetName", json.widgetJson.properties.widgetName);
    data.append("widgetJson", JSON.stringify(json.widgetJson));
    data.append("widgetId", widgetId);
    data.append("width", json.widgetJson.properties.width);
    data.append("height", json.widgetJson.properties.height);
    data.append("publish", true);
    data.append("updatePublishDate", 1);
    data.append("Upload", "Submit Query");
$.ajax({
    url: PROXY + 'http://xxx.xxx.com/xxx.php&userID=' + accountId + '&widgetId=' + widgetId,
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
        console.log(data); //so far this works
        }
    });

到目前为止，这似乎有效，但现在我需要在上面附加一张图片，我该怎么做？

跨浏览器兼容性不是问题。我只需要支持 chrome 和 firefox，但不是必须的。