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

Question

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

<input type="file"> и метод File Drop. Они отлично сработали для меня.

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

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

Спасибо

Answer 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);
});

Было бы серьезной дырой в безопасности, если бы какой-либо браузер позволил этой ситуации произойти.