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

  • BigDawsVlogs

    BigDawsVlogs

    17 HAZİRAN 2013
  • FattySpins's channel

    FattySpins's

    17 Mayıs 2009
  • Wronchi Animation

    Wronchi Anim

    9 Mayıs 2011