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

  • MusicDeluxeTV

    MusicDeluxeT

    14 Mayıs 2010
  • SlimaksClass

    SlimaksClass

    15 Kasım 2010
  • TotalSeminarsChannel

    TotalSeminar

    16 Mart 2010