BLOG

Uppy.js XHR File Uploader

558

Dün itibari ile en çok fork edilen JavaScript projeleri arasında gözüme çarptı sizinle paylaşmak istedim.

Uppy, herhangi bir çerçeveye bağlı kalmadan web tabanlı tüm projelerinizde gönül rahatlığı ile kullanabileceğiniz bütünleşik, modüler bir dosya yükleyici. Projelerinizde Dropzone.js eklentisinin yerini alacağını düşünüyorum.

Yerel disk, Google Drive, Dropbox, Instagram, uzak URL'ler ve aygıtınızın kamerasından fotoğraf ya da dosyaları sürükle ve bırak özellği sayesinde hedef klasöre yüklemenizi sağlar.  Temel dosya manipülasyonunu kullanır. meta veriler eklemeye olanak tanır. XHR / Multipart yüklemeyi sadece tümleşik istemci modülü kullanıldığında destekliyor.

Uppy Server ile Instagram, Google Drive ve Dropbox gibi uzak kaynakları etkinleştirir. Şimdilik bu kadar liste geliştirme ekibinin açıklamasına göre daha da genişleyecekmiş. Dosya yükleme tamamlandığında belirli bir zaman aşımından sonra Uppy Server'dan otomatik olarak kaldırılır. Erişim istekleri güvenlik nedeni ile uzun süre pipe yapmıyor. 


Yükleme

$ npm install uppy



1. <body> etiketinin en son satırına uppy scriptini ekliyoruz.

<script src="https://unpkg.com/uppy"></script>


2. <head> etiketinin son satırına CSS stil dosyasını ekliyoruz.

<link href="https://unpkg.com/uppy/dist/uppy.min.css" rel="stylesheet">


3. Eklentiyi ihtiyacımıza ve uygulamamıza uygun ayarları vererek başlatıyoruz.


<script>

  var uppy = Uppy.Core({ autoProceed: false })

  uppy.use(Uppy.DragDrop, {target: '.UppyDragDrop'})

  uppy.use(Uppy.Tus, {endpoint: '//master.tus.io/files/'})

  uppy.run()

</script>


Desteklenen Tarayıcılar


Daha çok detay ve documentation için resmi sitesi ve git repositorysine buradan ulaşabilirsiniz. uppy.io   Github