HTML 5 Событие загрузки файла - PullRequest
Новая
       20

HTML 5 Событие загрузки файла

3 голосов
/ 19 декабря 2011

Я пытаюсь загрузить файл, используя HTML-файл Api, но мне кажется, что я не понимаю, как это сделать. Какое событие я должен дать функции getImg ()?

HTML 

<input id='img' type='file' onchange='getImg(event)'/>

JS 

function getImg(evt){
 var files = evt.dataTransfer.files;
 var file = files[0];
console.log(file.name)

1 Ответ

6 голосов
/ 19 декабря 2011

Объект dataTransfer предназначен для операций перетаскивания. Вместо этого используйте цель. 

<!DOCTYPE html>
<html>
    <body>
        <input id='img' type='file' onchange='getImg(event)'/>
        <script>
        function getImg(evt){
            var files = evt.target.files;
            var file = files[0];
            console.log(file.name);
        }
        </script>
    </body>
</html>
...