Question

我将文件名保存到数据库中，并将文件存储在文件服务器中。所以我可以通过获取名称来访问该文件，并执行<img src='http://localhost/upload/abc.jpg'/>其中abc是文件名。但是我如何获得base64？因为我需要获取实际文件并将其传递到某个地方。

Answer 1

如果图像位于同一个域中，则可以使用画布进行操作..

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    return canvas.toDataURL("image/png");
}

// if the image is on the dom use this
var img = document.getElementById('img');
alert(getBase64Image(img));

// if the image isn't on the dom do this..
var img  = new Image();
img.onload = function(){
    alert(getBase64Image(img));
}
img.src= "http://my/image/url.png";

通过文件名获取base64来查看

1 个答案: