Я пытаюсь сделать сценарий предварительного просмотра видео. Я хочу одну функцию для перетаскивания и файлов, выбранных элементом input type = "file". Вот функция:
function FileHandler(files){
for(var i = 0; i < files.length; i++){
file = files[i];
var reader = new FileReader();
reader.onload = function(evt){
var VideoSpan = document.createElement('span');
var Video = document.createElement('video');
VideoSpan.classList.add('VideoPreviewSpaner');
Video.classList.add('VideoPreview');
Video.controls="controls";
Video.src = evt.target.result
VideoSpan.appendChild(Video);
document.getElementById('VideoWindow').appendChild(VideoSpan);
document.getElementById('VideoWindow').style.display = "block";
}
reader.readAsDataURL(file);
}
}
А потом
<input type="file" id="OpenFileDialog" multiple onchange="FileHandler(this.files)">
И обработчик dnd:
function d(e){
e.stopPropagation();
e.preventDefault();
files = e.dataTransfer.files;
FileHandler(files);
}
document.getElementById('droparea').addEventListener('drop',d,false);
Я действительно не вижу, что не так, reader.onload никогда не вызывается! Было бы здорово с некоторой помощью!