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

  • ColdfusTion

    ColdfusTion

    3 Aralık 2007
  • MrMimoB

    MrMimoB

    11 NİSAN 2011
  • Vortez

    Vortez

    27 Temmuz 2009