小编Fre*_*erg的帖子

创建一个FileList并将其复制到File输入

我正在尝试创建一个拖放区域,它将通过webkitGetAsEntry获取dataTransfer项目,并检查该条目是目录还是文件.

然后,我希望能够将文件转换为FileList并将其复制到文件输入(将在发布之前进行验证和处理).

的jsfiddle

  function handleDrop(event) {
        event.preventDefault();
        event.dataTransfer.dropEffect = 'copy';
        var length = event.dataTransfer.items.length;
        var elFileInput = document.getElementById('File');
        for (var i = 0; i < length; i++) {
            var entry = event.dataTransfer.items[i].webkitGetAsEntry();
            if (entry.isFile) {
                convertFilesToFileObjects(entry);          
            } 
            else if (entry.isDirectory) {
                var dirReader = entry.createReader();
                dirReader.readEntries(function(entries) {
                    for (var j = 0; j < entries.length; j++) {
                        convertFileEntrysToFileObjects(entries[j]);
                    }
                });
            }
        }   
        function convertFileEntrysToFileObjects(fileEntry) {        
            var addFileToInput = function (file) {
                console.log(file);
                //elFileInput.files = event.dataTransfer.files;
                //Need to make …
Run Code Online (Sandbox Code Playgroud)

javascript html5 google-chrome fileapi

6
推荐指数
1
解决办法
8554
查看次数

标签 统计

fileapi ×1

google-chrome ×1

html5 ×1

javascript ×1