爲什麼執行兩次？

這解決了，通過DBS檢查解決方案爲什麼執行兩次？

我想創建一個主人MediaFire下降輸入。我遇到函數，該函數重複兩次。

從瀏覽器控制檯消息：

se ejecuta la funcion file:13:3 
File { name: "8b32cacb0ad946479513721142c7fc9f.jp…", lastModified: 1447114071000, lastModifiedDate: Date 2015-11-10T00:07:51.000Z, size: 161020, type: "image/jpeg" } file:18:7 
fin de bucle file:30:5 
se ejecuta la funcion file:13:3 
File { name: "8b32cacb0ad946479513721142c7fc9f.jp…", lastModified: 1447114071000, lastModifiedDate: Date 2015-11-10T00:07:51.000Z, size: 161020, type: "image/jpeg" } file:18:7 
fin de bucle file:30:5

代碼

script. 
     var dropZone = document.getElementById('dropZone'); 
     dropZone.addEventListener("drop", drop, false); 
     var miniatures = document.getElementById("miniatures"); 
     var miniature = document.createElement("div"); 
     miniature.className = "all-20"; 
     var img = document.createElement("img"); 
     var files; 
     var reader = []; 

     // mecanica 
     function drop(e){ 
     console.log("se ejecuta la funcion"); 
     var dt = e.dataTransfer; 
     files = dt.files; 
     for (var i = 0; i < files.length; i++){ 
      var file = files[i]; 
      console.log(file); 
      img.file = file;   
      miniature.appendChild(img); 
      miniatures.appendChild(miniature); 
      reader[i] = new FileReader(); 
      reader[i].onload = (function(event){ 
       return function(e){ 
       event.src= e.target.result; 
       }; 
      })(img); 
      reader[i].readAsDataURL(file); 
      } 
      console.log('fin de bucle'); 
     }

HTML

form(action="" enctype="multipart/form-data") 
       input(class="all-100 drop ink-droppable align-center fallback" type="file" multiple="multiple" id="dropZone" ondrop="drop(event)")

來源

2016-06-07 Marcos R. Guevara

那麼，有什麼實際問題？我以爲你只希望它執行一次，但是你說'第二個是顯示所有丟失文件的縮略圖'所以我不知道你實際上想要解決什麼。 – DBS

我添加了HTML部分，無論如何，函數drop（e）只能執行一次。 –

你在HTML連接drop事件兩次，一次並在一次JS。

刪除其中的一個：

ondrop="drop(event)"

或

var dropZone = document.getElementById('dropZone'); 
dropZone.addEventListener("drop", drop, false);

來源

2016-06-07 15:00:28 DBS

謝謝，這解決了第一種情況 –

爲什麼執行兩次？

回答

相關問題