Вольер местного развития

Можно ли протестировать Aviary на локальной машине разработки?

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

У тебя есть решение?


person albertopriore    schedule 18.06.2014    source источник


Ответы (1)


Небольшая предыстория — элемент html5 не может загружать изображения из домена, отличного от страницы, на которой он загружен. Однако он может без проблем загрузить строковое представление изображения base64. Техника обхода этого ограничения состоит в том, чтобы «отмыть» изображение перед его загрузкой на холст. Этот метод включает в себя загрузку изображения из серверной среды, которая имеет доступ к изображению (следовательно, необходимо, чтобы оно было общедоступным), преобразование изображения в строку base64 и возврат этой строки в браузер/клиент, чтобы ее можно было загрузить напрямую. вместо этого в холст.

Редактор Aviary использует этот прием, поэтому фотография должна быть общедоступной. Для локальных изображений вы можете сделать это самостоятельно, создав локальную службу, которая преобразует изображение в строку base64 и передает эту строку в качестве параметра «url» при запуске редактора.

person ari    schedule 04.11.2014
comment
Спасибо @ari, я попробую это решение. - person albertopriore; 06.11.2014
comment
Только что попробовал это, и, кажется, это работает! Здесь есть отличное руководство по кодированию base64 с помощью js: stackoverflow.com/a/20285053/2858974 - person David Svensson; 17.12.2015