в тело письма фото yandex

// Читаем файл и вставляем его в data:uri

// Получаем картинку в виде блоба

if (item && item.type.indexOf('image/') > -1) {

var item = clipboard.items[0];

// В буфере обмена может быть только один элемент

if (clipboard && clipboard.items) {

var clipboard = e.clipboardData;

el.addEventListener('paste', function(e) {

var el = document.getElementById('editor');

// Элемент с contentEditable

В Chrome (c 18 версии) и Яндекс.Браузере есть доступ к картинкам в буфере обмена при вставке. Делается это примерно так:

Наиболее полная поддержка на сегодняшний день реализована только в WebKit-браузерах (Safari, Chrome, Яндекс.Браузер). В этих браузерах для событий copy, cut и paste в объекте события есть доступ к объекту clipboardData. У clipboardData есть свойства items (элементы в буфере обмена) и types (типы информации в буфере обмена). Получать или менять информацию из буфера можно при помощи методов getData и setData.

До недавнего времени полноценная работа с буфером обмена в веб-приложениях казалась невозможной. Но затем появился новый API, специально предназначенный именно для этого ( ). Он представляет собой интерфейс для работы с данными из буфера обмена при копировании, вырезании и вставке. Интерфейс достаточно универсальный и работает не только с текстовыми данными, но и с файлами в разных форматах. Но, как это обычно бывает, поддерживается он не всеми браузерами и в разном объёме.

Вставка картинок из буфера обмена

Читайте в нашем посте о том, как вставлять в письмо картинки из буфера обмена или по публичному URL и как добавлять их в тело письма простым перетягиванием с рабочего стола.

Мы долго думали над этой проблемой. Можно было использовать java-апплет или flash, но у этих решений были существенные ограничения. Например, при использовании java-апплета нужно будет обязательно разрешать выполнение апплета в браузере. В итоге мы решили использовать новые возможности современных браузеров, такие как Clipboard API, File API и Drag n Drop.

Тем не менее, оставалась ещё одна сложность: в связи с браузерными ограничениями изображения нельзя было вставлять прямо в тело письма. Картинку нужно было сохранить на своём компьютере и уже оттуда прикрепить к письму, как любой другой файл.

Не так давно мы подробно рассказывали про . В декабре в у нас появился . Работать с изображениями в Почте благодаря этим нововведениям стало действительно проще и удобнее.

Три способа поддержать вставку картинок в поле ввода от разработчиков Яндекс.Почты

Три способа поддержать вставку картинок в поле ввода от разработчиков Яндекс.Почты / Блог компании Яндекс / Хабрахабр