Javascript 本地映像的getImageData错误

Javascript 本地映像的getImageData错误,javascript,jquery,html,css,canvas,Javascript,Jquery,Html,Css,Canvas,我正在使用下一个代码尝试从图像中获取像素颜色 $(document).ready(function(){ var img = document.getElementById('my-image'); var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; canv

我正在使用下一个代码尝试从图像中获取像素颜色

$(document).ready(function(){
         var img = document.getElementById('my-image');
         var canvas = document.createElement('canvas');
         canvas.width = img.width;
         canvas.height = img.height;
         canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height);
         var pixelData = canvas.getContext('2d').getImageData(1, 1, 1, 1).data;
      });
每次我都会遇到这个错误:

index.html:20 Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.
    at HTMLDocument.<anonymous> (file:///C:/Users/ariadna/Desktop/Programacion/Test/public/index.html:20:50)
    at j (http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:27295)
    at Object.fireWith [as resolveWith] (http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:28108)
    at Function.ready (http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:29942)
    at HTMLDocument.J (http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:30308)
index.html:20未捕获的DomeException:未能在“CanvasRenderingContext2D”上执行“getImageData”:画布已被跨源数据污染。
在HTMLDocument。(file:///C:/Users/ariadna/Desktop/Programacion/Test/public/index.html:20:50)
在j(http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:27295)
在Object.fireWith[作为resolveWith](http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:28108)
准备好了吗(http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:29942)
在HTMLDocument.J(http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js:2:30308)
我看到很多关于这方面的问题,所有的回答都是:“你不能从另一个域获取图像,这是安全措施”


好的,但是为什么我的不起作用,图像与.html在同一个目录中。问题是您使用的是本地文件
file:///C:/User
。。。您需要设置一个域(可以是localhost)

问题是您使用的是本地文件
file:///C:/User
。。。您需要设置一个域(可以是localhost)

img src与您的实际页面/站点具有相同的域/主机/帖子?@UXDart是simple index.html,图像位于相同的文件夹中hmm<代码>file:///C:/User您需要在域上执行此操作,我认为它在本地文件上不起作用img src与您的实际页面/站点具有相同的域/主机/帖子?@UXDart是simple index.html,图像位于相同的文件夹中hmm<代码>file:///C:/User您需要在域上执行此操作,我认为它在本地文件上不起作用