Spaces:

multimodalart
/

dadada

Running

multimodalart HF Staff commited on Jul 15, 2023

Commit

aa2eedb

1 Parent(s): e7f5f1e

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -14,10 +14,12 @@
 </head>
 <body>
   <div id="drop_zone">Drop files or folders here</div>
-  <input type="file" id="fileInput" webkitdirectory="" multiple />
   <script>
     let dropZone = document.getElementById('drop_zone');
-    let fileInput = document.getElementById('fileInput');
     dropZone.ondragover = function (event) {
       event.preventDefault();
@@ -41,7 +43,9 @@
       if (item.isFile) {
         // Get file
         item.file(function(file) {
-          console.log("File:", path + file.name);
         });
       } else if (item.isDirectory) {
         // Get folder contents

 </head>
 <body>
   <div id="drop_zone">Drop files or folders here</div>
+  <ul id="file_list"></ul>
+  <input type="file" id="fileInput" multiple />
+  <input type="file" id="dirInput" webkitdirectory="" />
   <script>
     let dropZone = document.getElementById('drop_zone');
+    let fileList = document.getElementById('file_list');
     dropZone.ondragover = function (event) {
       event.preventDefault();
       if (item.isFile) {
         // Get file
         item.file(function(file) {
+          let listItem = document.createElement('li');
+          listItem.textContent = path + file.name;
+          fileList.appendChild(listItem);
         });
       } else if (item.isDirectory) {
         // Get folder contents