2011-10-05 20 views
5

Şu anda kullanıcısı (başta .mp3) dan ikili medya dosyalarını indirebileceğiniz bir web sitesinde çalışıyorum kullanarak bir sunucudan dosya indirmek için. Biz tarayıcılarının tercihlerinde kullanıcının belirtilen konuma dosyayı kaydetmek için bir "İndir" düğmesi için bir yol gerekir ve her nasılsa bir ilerleme çubuğu görüntülemek gerekiyor.nasıl erişebilir ve HTML 5'i

Şu an için endişelendiğim şey, HTML5'i kullanarak bunu gerçekleştirmenin bir yolunu bulmak ve ileride bu sürümlerde bu temel indirme kısmına eriştikten sonra bu akışa erişebilmemiz için bir yol bulmaktır. Kodlanmış, bir şekilde ileride bir ilerleme çubuğu uygulayabiliriz.

Ben HTML5 Dosya API vardır biliyorum, ama çok az tarayıcılar uygulanmasını sağlar ve bu IE üzerinde çalışmak 7+ ve düzenli Chrome ve Firefox'un versiyonlarını kullanılan gerekir.

Yardımlarınız için teşekkürler!

+2

bu yardımcı olur

<a id="downloadThisPage" download="OpenMe.html> <input type="button" value="See for yourself" /> </a> <script type="text/javascript"> document.getElementById("downloadThisPage").href = window.location.toString(); </script> 

Umut ...: Söz konusu indirme düğmesi temelde bir düğme "olarak kaydet" dir blogumda, Örnek. Ben * * "tarayıcılarının tercihlerinde kullanıcının belirtilen konuma dosyayı kaydetmek" hat olarak anlamadım - Eğer kullanıcı sadece dosya indirmek bunu bir bağlantı sağlayabilecek istiyorum. –

+0

Tamam, ama bir sonraki "İndir" düğmesine ilerleme çubuğu istiyorum, bu yüzden tarayıcının ilerleme çubuğundan ayırın. bu mantıklı mı? – trevorhinesley

+0

Hiç de değil. İndirme düğmesinin ilerlemesini takip etmesi gereken ilerleme çubuğu nedir? Dosya indiriliyor mu? –

cevap

3

HTML5 download niteliğini destekler: http://webreflection.blogspot.com/2011/08/html5-how-to-create-downloads-on-fly.html

Örnek: Bu konuda

<a href="http://.../bad-romance.mp3" download="Bad Romance.mp3">Save "Bad Romance" to your computer</a> 

tıklamak tarayıcı indir idare sağlayacak (yerine kullanarak dosyayı açmak mime ile ilişkilidir ne olursa olsun uygulama) bir ilerleme çubuğu dahil.

Not Not: Kendi uygulamanızı oluşturmaya çalışarak normal kullanıcı beklentisinden sapmamak için dikkatli olmalısınız. Bu, yeni bir sekmede açılacak bir bağlantıyı zorlamakla eş anlamlıdır - bir davranışı bekledikleri halde başka birini almaları durumunda kullanıcıya kafa karıştırıcı olabilir. Durumunuzda, bunun bir "oynatma" bağlantısı değil, "indirme" bağlantısı olacağını özellikle belirtmeye çalışın. Yukarıdaki örnek bunu yapar, ancak bir "indirme" simgesi de yeterli olabilir. Eğer indirme yerine bir düğme bağlantı yapmak istiyorsanız

0

, sadece bir <a> içinde bir <input> elemanı yerleştirebilirsiniz:

<a href="example.mp3" download="EnterSongNameHere.mp3"> 
    <input type="button" value="<!-- enter song name here -->" /> 
</a> 

Ve ayrıca dinamik elemanın href değiştirmek için DOM kullanabilirsiniz. Çoğu tarayıcı zaten/ilerleme çubuğu w dosya indirme uygulamak

İlgili konular