Почему не работает jQuery плагин с эффектами для изображений?

Question

[Андрей М]

Есть такая библиотека blur.js для создания эффекта blur в хорошем качестве почти в любом браузере, пусть и не динамичная

Есть туториал к этой библиотеке с упоминанием о CORS(?) и таким примером

Скрипт написан на HTML5 с обработкой изображения и создания ее копии с эффектом blur в base64, и соответственно отображением поверх, но это не главное

Я натолкнулся на проблему, причиной которой является проблема загрузки изображения скриптом
"Cannot access local file"

В туториале по этому поводу указано, что нужно запускать сайт на сервере(http(s)://) без локальных file:// и прочих тогда все будет работать, но не тут то было, требуется поддержка кросс доменных запросов "you will need to enable cross-domain calls (CORS)"

Растолкуйте что это и как сделать, как заставить работать этот js' ник

Заранее спасибо!

Comments

[Борис Пеньковский]

покажи код как подключаешь и как ипользуешь

Answer 1

[Николай Васильчук]

Если вы запустите приложение по адресу http://example.com и картинки будут лежать там же, то у вас всё заработает.
Если же картинки вы будете хранить на другом домене, например http://sample.com, то вам нужно будет шаманить с CORS.

Answer 2

[jurasarts]

Cannot access local file - означает что ты запускаешь свой javascript локально (file://). Тебе надо запускать свои скрипты используя веб-сервер. (http://) Поставь какой нибудь WAMP/LAMP и тестируй на здоровье.

Политика безопасности браузеров такова, что javascript не имеет доступа к локальным файлам.

Comments

[Борис Пеньковский]

если в этом проблема то хром можно запустить с ключем
--allow-file-access-from-files

[trushka]

я думаю, это ограничение для canvas - хром и фаерфокс не даёт доступа к imageData, если используется изображение, загруженное с другого домена или с локального компьютера

Answer 3

[Тимур]

Запускайте приложение на веб-сервере. Изображения храните там же. Корс тут не причем.