I am trying to convert an image to a data uri.
i found the following function on the Internet:
code//get image dataurl
function getBase64FromImageUrl(url) {
var img = new Image();
Code: Select all
img.setAttribute('crossOrigin', 'anonymous');
img.onload = function () {
var canvas = document.createElement("canvas");
canvas.width =this.width;
canvas.height =this.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0);
var dataURL = canvas.toDataURL("image/jpeg");
alert(dataURL.replace(/^data:image\/(png|jpg);base64,/, ""));
};
img.src = url;
}/code
If I try and use it to convert a local file i get the following console error:
Not allowed to load local resource: file:///C:/fakepath/220px-Nerium_oleander_flowers_leaves.jpg
Do you know of a way to convert a local image to a data url?