Как можно вставить изображения в веб-приложение? Какие решения доступны? HTML 5 Canvas?
-
29-09-2019 - |
Вопрос
В настоящее время я строю веб -приложение с очень голой костями, которое имело возможность копировать изображение во время броска, а затем вставлять его на мою страницу.
Я знаю, что этот тип функциональности возможен - поскольку я вставил изображения в Gmail во время написания сообщений и в Tumblr (я считаю, что они используют Tinymce в качестве своего редактора).
После долгого поиска - меня опечалено низким качеством объяснений доступных решений.
Это то, что я собрал:
$(document).bind('paste', function(e){
console.log(e);
})
Проверка объекта события, кажется, что данные включены только в том случае, когда есть текст (в любом случае в Chrome).
Я знаю, что IE имеет объект BubbeardData, который дает вам доступ к содержимому буферу обмена.
Я также слышал о возможных решениях с использованием Flash, Java Applets и HTML 5 Canvas - но я еще не смог найти хорошие записи, объясняющие эти решения.
Кто-нибудь сделал это успешно, и может предложить лучшие практики?
Решение
Вы можете использовать API буфера обмена: http://dev.w3.org/2006/webapi/clipops/clipops.html
Или вы можете сделать, это использовать Нулевой буфер обмена. Отказ Он использует невидимый флэш-фильм и предоставляет интерфейс JavaScript для доступа к буфере обмена.
Другие советы
Это прекрасно работает в Chrome. Вот живой пример, подтверждающий получение данных изображения в чистом JavaScript без серверов: http://strd6.com/2011/09/html5-javascript-fast-image-data-in-chrome/