Не работает ctx.drawImage?

Question

[Rubix]

Всем привет! Без лишних слов: у меня не работает drawImage:

const imgSrc = 'b.jpg'; //Мне надо с компа (!)

const canvas = document.getElementById('toster');
const ctx = canvas.getContext('2d');
const img = new Image();
img.crossOrigin = '';
img.src = imgSrc;

const onImageLoad = () => {
  ctx.drawImage(img, 0, 0, 300, 300);
  const imageData = ctx.getImageData(0, 0, 300, 300);
  //...здесь у меня ещё код
}
img.addEventListener('load', onImageLoad, false);

Если я убираю crossOrigin, то говорит, что операция небезопасная. Как это пофиксить?

Answer 1

[SagePtr]

По протоколу file:// работать и не будет, т.к. этот протокол намеренно ограничен, дабы избежать атак с кражей пользовательских данных через локально открываемые html-файлы.