Bir html dosyasını

Question

bırakarak yükleyemiyorum. Bir düğmeyi tıklatıp dosyayı bir div dosyasına bırakarak sunucuma bir html dosyası yüklemeyi deniyorum. Bir düğmeyi tıklatırken, iyi çalışıyor ama bırakma durumunda çalışmıyor.

Benim HTML

<div class="UploadPnl" id="UploadPnl"> 
<span id="tempUpload" class="glyphicon glyphicon-upload uploadIcon"><br></span> 
<p class="uploadIcon">Upload</p> 
<input id="inputUpload" type="file" class="file" name="files[]" 
    data-preview-file-type="text" style="display: none" accept=".html"> 

Benim jQuery: peşin Yardımlarınız için

$("#UploadPnl").droppable({ 
     drop: function(e, ui) { 
     e.preventDefault(); 
     e.stopPropagation(); 
     $(this).css('border', '2px dotted #0B85A1'); 
     var files = e.originalEvent.dataTransfer.files; 

     //We need to send dropped files to Server 
     alert(files[0]); 
     } 
    }); 

teşekkürler.

Answer 1

jquery ile yaptım, ancak javascript kullanarak elde edemezsiniz.

document.addEventListener("drop", function(event) { 
     event.preventDefault(); 
     if (event.target.className == "UploadPnl") { 
      document.getElementById("UploadPnl").style.color = ""; 
      event.target.style.border = ""; 
      var file = event.dataTransfer.files[0]; 
      var reader = new FileReader(); 
      reader.readAsText(file, "UTF-8"); 
      reader.onload = function (evt) { 
       var fileString = evt.target.result; 
       //processing readed data 
      } 
     } 
    });