来自Image Javascript的数据URI

时间:2012-05-29 10:57:54

标签: javascript dom canvas data-uri

我想通过完全使用javascript

从本地图像创建数据URI

有人可以使用javascript建议转换本地图片的功能。

我使用canvas加载图像并转换为数据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

请建议如何在不使用服务器端脚本的情况下进行提示

谢谢

1 个答案:

答案 0 :(得分:0)

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

请参阅以下主题以获取进一步说明Why does canvas.toDataURL() throw a security exception?