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

  • Bryan Smith

    Bryan Smith

    12 Mart 2006
  • sdasmarchives

    sdasmarchive

    2 HAZİRAN 2010
  • TokShogun

    TokShogun

    6 HAZİRAN 2009