使用JavaScript将图像URL中的链接从s3转换为文件对象
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用JavaScript将图像URL中的链接从s3转换为文件对象相关的知识,希望对你有一定的参考价值。
我想使用javascript将我的s3图像链接转换为文件对象。
我已经找到了如何使用图像URI执行此操作,但无法弄清楚如何将图像URL转换为URI。一旦我这样做,我可以将其转换为文件对象
下面是图片链接:
http://s3.us-east-2.amazonaws.com/rentpop/298%2F2014-mclaren-650s-Spyder-Tarocco-Orange-2.jpg
答案
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将图像URL中的链接从s3转换为文件对象的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 html 中的 url 访问存储在我的 s3 存储桶中的图像