使用 JavaScript 将来自 s3 的图像 URL 的 Link 转换为文件对象

Question

我想使用 JavaScript 将我的 s3 图像 link 转换为文件对象。

我已经找到如何使用图像 URI 执行此操作，但无法弄清楚如何将图像 URL 转换为 URI。一旦我这样做了，我就可以将它转换成一个文件对象

这是图片link:

http://s3.us-east-2.amazonaws.com/rentpop/298%2F2014-mclaren-650s-Spyder-Tarocco-Orange-2.jpg

Answer 1

function getDataUri(url, callback) {
    var image = new Image();

    image.onload = function () {
        var canvas = document.createElement('canvas');
        canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
        canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size

        canvas.getContext('2d').drawImage(this, 0, 0);

        // Get raw image data
        callback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));

        // ... or get as Data URI
        callback(canvas.toDataURL('image/png'));
    };

    image.src = url;
}

// Usage
getDataUri('local_location_to_image.extension', function(dataUri) {
    // Do whatever you'd like with the Data URI!
});

使用 JavaScript 将来自 s3 的图像 URL 的 Link 转换为文件对象

Convert Link from Image URL from s3 into File Object using JavaScript

javascript

image

file

data-uri