Как прочитать файл при вставке в HTML5 - программирование
Подтвердить что ты не робот

Как прочитать файл при вставке в HTML5

В HTML5 мы знаем, что мы можем читать файлы с использованием предопределенного API. На данный момент я пробовал

<input type="file"> и File Drop. Они отлично справились со мной.

Но я хочу знать возможность вставки файла в div и захвата файла при вставке. Для примера

 $('#dummyDIV').bind('paste',function()
 {
      // Like var file = files[0]
 });

Спасибо

4b9b3361

Ответ 1

Вы можете прочитать только имя файла вложенного файла.

http://jsfiddle.net/vdNFR/

$('body').bind('paste', function(a, b, c) {
    console.log(a.originalEvent.clipboardData);
    console.log(a.originalEvent.clipboardData.getData('File'));
    console.log(a.originalEvent.clipboardData.getData('Text'));
    if (a.originalEvent.clipboardData.files[0]) console.log(a.originalEvent.clipboardData.files[0].getAsFile());
    if (a.originalEvent.clipboardData.items[0]) console.log(a.originalEvent.clipboardData.items[0].getAsFile());
    console.log(a, b, c);
});

Это была бы серьезная дыра в безопасности, если бы любой браузер позволил этой ситуации произойти.