Как можно вставить изображения в веб-приложение? Какие решения доступны? HTML 5 Canvas?

Question

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

Я знаю, что этот тип функциональности возможен - поскольку я вставил изображения в Gmail во время написания сообщений и в Tumblr (я считаю, что они используют Tinymce в качестве своего редактора).

После долгого поиска - меня опечалено низким качеством объяснений доступных решений.

Это то, что я собрал:

$(document).bind('paste', function(e){
console.log(e);
})

Проверка объекта события, кажется, что данные включены только в том случае, когда есть текст (в любом случае в Chrome).

Я знаю, что IE имеет объект BubbeardData, который дает вам доступ к содержимому буферу обмена.

Я также слышал о возможных решениях с использованием Flash, Java Applets и HTML 5 Canvas - но я еще не смог найти хорошие записи, объясняющие эти решения.

Кто-нибудь сделал это успешно, и может предложить лучшие практики?

Answer 1

Вы можете использовать API буфера обмена: http://dev.w3.org/2006/webapi/clipops/clipops.html

Или вы можете сделать, это использовать Нулевой буфер обмена. Отказ Он использует невидимый флэш-фильм и предоставляет интерфейс JavaScript для доступа к буфере обмена.

Answer 2

Это прекрасно работает в Chrome. Вот живой пример, подтверждающий получение данных изображения в чистом JavaScript без серверов: http://strd6.com/2011/09/html5-javascript-fast-image-data-in-chrome/