在Javascript中动态创建文件对象

Question

我有一个类似

的JSON

[
    {
        'vendor': 'fb'
        , 'name': 'abc'
        , 'image': 'https://dyn.web.fb.com/pp?t=s&u=91982444469%40c.us&i=1474346886&ref=0%40jQBYaJ1twLsLu%2Fdft7IMe6MH5dq4eBScL2R07o%2B%2FSaS8zQ&tok=0%40AbJxaNtftGaohWXewqv'
    }
    , {
        'vendor': 'tw'
        , 'name': 'xyz'
        , 'image': 'https://dyn.web.tw.com/pp?t=s&u=91982544469%40c.us&i=1474346886&ref=0%40jQBYaJ1twLsLu%2Fdft7IMe6MH5dq4eBScL2R07o%2B%2FSaS8zQ&tok=0%40AbJxaNtftGaohWXewqv'
    }
]

现在我想要阅读该图片并创建FILE object（同样从input[type=file]返回），我将发送此对象＆amp;应该上传。所以为了做到这一点，我想首先我需要创建一个图像，然后将其加载到canvas＆amp;然后创建文件对象，所以我尝试做类似下面的事情：

getImageFormUrl: function(url, callback) {
    var img = new Image();
    img.setAttribute('crossOrigin', 'anonymous');
    img.onload = function () {
        // canvas code 
    }
    img.src = url;
}

但在这里我得到500 Internal Server，因为该图片被称为text\plain而不是jpeg