Публично размещался образ с либеральной политикой КОРС?

Я делаю некоторое тестирование при загрузке изображений в холст, и я использую приватно размещенный образ на нашем aws cdn. Этот cdn имеет политику CORS, которая позволяет загружать изображение в холст.

Я бы хотел публично поделиться своим кодом с миром через github, jsbin и т.д., но вам нужно разместить образ или два с помощью либеральной политики CORS. Есть ли образ, который я мог бы использовать? Поиск Google и Google Image ничего не меняет.

Ответ 1

Я обычно использую http://imgur.com/ для изображений (тот же сайт, что и SO для их встроенных изображений) - не требуется регистрация, просто загружать или вставлять ссылку на изображение и вы готовы к работе.

Он поддерживает требование CORS, поэтому вы можете напрямую связать его и использовать с холстом для извлечения пикселов.

Если вам нужно разместить разные файлы в дополнение к изображению, я бы предложил DropBox, как это делает markE.

Однако существуют ограничения, как и при любом бесплатном сервисе, включая. ImgUr и DropBox, так что не забудьте ознакомиться с Условиями использования (ToS) перед использованием ссылок (т.е. Ни один из них не намерен работать как CDN, поэтому вы можете проверить некоторые коммерческие поставщики CDN).

Включение использования CORS

Если это разрешено, вы можете сделать это в JavaScript - установите crossOrigin перед настройкой src:

var img = new Image();
img.crossOrigin = "";  // or "anonymous", will be interpreted the same
...
img.src = "...";

В качестве атрибута для тега HTML (порядок не имеет значения):

<img crossOrigin="" src="" ...>

Тест

var img = new Image();
img.crossOrigin = "";
img.onload = test;
img.src = "http://i.imgur.com/fHyEMsl.jpg";

function test() {

  var ctx = document.querySelector("canvas").getContext("2d");
  ctx.drawImage(this, 0, 0);
  
  // This will fail if no CORS support, otherwise all OK
  try {
    ctx.getImageData(0, 0, 10, 10);
    alert("All OK");
  } 
  catch(err) {
    alert("No CORS support...");
  }
}

<canvas></canvas>

Ответ 2

Откройте аккаунт на Dropbox.com.

Поместите несколько изображений, которые у вас есть в вашей общей папке.

Общая папка папки с папками, размещенная в папке, совместима с CORS, поэтому они публично распространяются.

Вы можете получить общую ссылку на изображение в общедоступном виде, щелкнув правой кнопкой мыши на этом изображении.

Удачи вам в вашем проекте!:)