Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]Skrypt nie działa na chrome
Forum PHP.pl > Forum > Przedszkole
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.
  1.  
  2. <div class="fileUpload">
  3. <div id="span_upload" class="span_upload"><span>Przeciągnij i upuść lub kliknij i wybierz miniaturę</span></div>
  4. <input id="upl" type="file" name="src" class="upload" size="40">
  5. </div>
  6.  
  7. document.getElementById("upl").onchange = function () {
  8. $('#span_upload').text('Wybrano: '+this.value);
  9. console.log('Wybrano: '+this.value);
  10. };
  11. var drop = document.getElementById("upl");
  12. drop.ondragenter = function(){
  13. $('.fileUpload').addClass('active_file');
  14. console.log('ondragenter');
  15. return false;
  16. };
  17. drop.ondragleave = function(){
  18. $('.fileUpload').removeClass('active_file');
  19. console.log('ondragleave');
  20. return false;
  21. };
  22. drop.ondragover = function(){
  23. $('.fileUpload').addClass('active_file');
  24. console.log('ondragover');
  25. return false;
  26. };
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.