图片Javascript中的数据URI

Question

我想通过完全使用javascript从本地图像创建数据URI

有人可以用JavaScript建议一个转换本地图像的功能。

我用画布加载图像并转换为数据uri

 function load() {
   var can = document.getElementById('canvas'); 
   var ctx = can.getContext('2d'); 
   var img = new Image(); 
   img.onload = function () {
     can.width = img.width; 
  can.height = img.height; 
  ctx.drawImage(img, 0, 0, img.width, img.height); 
  var canvasData = can.toDataURL("image/png"); 
  alert( canvasData); 
  }
   img.src = 'http://www.smallbiztechnologies.net/smbiztech/wp-    content/uploads/2011/11/Click-To-Call-Icon.png'; 
   }

但是它抛出以下错误

SECURITY_ERR: DOM Exception 18

请提出不使用服务器端脚本的方法

谢谢

Answer 1

您要绘制的图像与您的域不同，因此会引发安全错误。

请参阅以下主题以获取更多说明， 为什么canvas.toDataURL（）会引发安全异常？