JS - перетащить файлы и получить тип файла не удается

Question

JS - перетащить файлы и получить тип файла не удается

0

Я хочу получить тип файлов вложенных данных, но ERROR выбрасывается в консоль:

Ошибка:

Uncaught TypeError: Cannot read property 'type' of undefined

JS:

var reader = new FileReader();

$(".paste").on('drop', function( e ) {

    e.stopPropagation();
    e.preventDefault();

    var file = e.target.files || (e.dataTransfer && e.dataTransfer.files);

    var legalTypes = ["image/png", "image/jpeg", "image/gif"];

    if(legalTypes.indexOf(file.type) === -1) {

        alert("Please only upload image files!");
        return false;
    }

user1477955 13 апр. 2014, в 19:29

Источник

0

У вас нет ввода типа файла.
Rahil Wazir 13 апр. 2014, в 17:08
0

Это то, что вы хотите достичь JSFiddle
Rahil Wazir 13 апр. 2014, в 17:10
0

@RahilWazir Я не понимаю, я думал, что ввод файла является вставленным файлом
user1477955 13 апр. 2014, в 17:11

Показать ещё 1 комментарий

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Это то, что вы хотите достичь JSFiddle
@RahilWazir Я не понимаю, я думал, что ввод файла является вставленным файлом

Prakash GPz · Answer 1 · 2014-04-13T14-52-00.000Z

использовать event.originalEvent, чтобы получить dataTransfer объект.

Также объект files будет содержать массив файлов. поэтому вам нужно пройти через них или использовать первый элемент.

окончательный код будет:

$(document).ready(function () {

   var reader = new FileReader();

$(".paste").on('drop', function( e ) {

    e.stopPropagation();
    e.preventDefault();

    var files = e.originalEvent.target.files || (e.originalEvent.dataTransfer && e.originalEvent.dataTransfer.files);

    var legalTypes = ["image/png", "image/jpeg", "image/gif"];

    for( i in files ) {

        if(legalTypes.indexOf(files[i].type) < 0 ) {

            alert("Please only upload image files!");
            return false;
        }
    }

    });

   });