[JavaScript][HTML]Skrypt nie działa na chrome Opcje

[tomek200]

Witam problem polega na tym że na firefox wszystko działa jak trzeba ale na chrome po przeciągnięciu zdjęcia przenosi mnie na ścieżkę do tego zdjęcia a powinno tylko wyświetlić nazwę wybranego pliku.
jQuery jest dołączone.

[HTML] pobierz, plaintext 
 
<div class="fileUpload">
<div id="span_upload" class="span_upload"><span>Przeciągnij i upuść lub kliknij i wybierz miniaturę</span></div>
<input id="upl" type="file" name="src" class="upload" size="40">
</div>
 
<script>
document.getElementById("upl").onchange = function () {
      $('#span_upload').text('Wybrano: '+this.value);
      console.log('Wybrano: '+this.value);
      };
      var drop = document.getElementById("upl");
      drop.ondragenter = function(){
     $('.fileUpload').addClass('active_file');
     console.log('ondragenter');
     return false;
      };
      drop.ondragleave = function(){
       $('.fileUpload').removeClass('active_file');
       console.log('ondragleave');
          return false;
      };
      drop.ondragover = function(){
       $('.fileUpload').addClass('active_file');
       console.log('ondragover');
          return false;
      };
</script>
[HTML] pobierz, plaintext 

Ten post edytował tomek200 27.06.2015, 09:00:23

[Comandeer]

Prawdę mówiąc pierwszy raz widzę, że przeciągnięcie i upuszczenie pliku na input[type=file] powoduje wybranie pliku. I dzieje się to natywnie, więc jest to wbudowane w przeglądarkę. Stąd wydaje mi się, że jest to po prostu ficzer Firefoksa, stąd to nie działa w Chrome.

Trza by pokombinować ze zdarzeniem drop coś, np:

Kod

drop.ondrop = function(e)
{
    this.files = e.dataTransfer.files;
    return false;
};

To przypisze przeciągnięte pliki do input