SORU
3 Mart 2012, CUMARTESİ


jquery kullanarak .için masaüstünde dosyaları yüklerken bırak olayları?

Jquery kullanmak mümkün .("") açılan desktop dosyaları sürüklemek için?.olay Nasıl bırakılan dosya bilgi alabilirim?

Herhangi bir yardım çok takdir.

CEVAP
3 Mart 2012, CUMARTESİ


Kolay ama bu mümkün değil.

Önce dragover dragenter eventhandlers ekleyin ve bu olaylar için varsayılan eylemleri önlemek gerekir:

$('#div').on(
    'dragover',
    function(e) {
        e.preventDefault();
        e.stopPropagation();
    }
)
$('#div').on(
    'dragenter',
    function(e) {
        e.preventDefault();
        e.stopPropagation();
    }
)

O zaman bırak işleyicisi ve erişim e.originalEvent.dataTransfer.files kaybedilen dosyaları ekleyebilirsiniz:

$('#div').on(
    'drop',
    function(e){
        if(e.originalEvent.dataTransfer){
            if(e.originalEvent.dataTransfer.files.length) {
                e.preventDefault();
                e.stopPropagation();
                /*UPLOAD FILES HERE*/
                upload(e.originalEvent.dataTransfer.files);
            }   
        }
    }
);

Şimdi div masaüstü/explorer/Bulucu dosyaları sürükleyin ve onlara erişebilirsiniz.

http://jsfiddle.net/fSA4N/5/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • kalabrandmusic

    kalabrandmus

    25 Kasım 2009
  • sghaff1

    sghaff1

    23 Mart 2009
  • The CGBros

    The CGBros

    20 AĞUSTOS 2011