jquery

2013-10-29 5 views
7

kullanarak bir bağlantıya tıklayın bir görüntü indirmek için tarayıcıyı bir linke tıklayın.jquery

<a id="downloadImage" href="imagepath">Click here to download</a> 

ben HTML5 (Force a browser to save file as after clicking link) indirme özelliğini kullanabilirsiniz ama tarayıcılarının eski sürümlerinde çalışan olmayacak olarak kullanmak istemez biliyorum. Buradaki yöntemi denedim: Download File Using Javascript/jQuery Görüntüyü iframe'de açar.

Herhangi bir kullanıcı jquery kullanarak bir bağlantıya ait bir görüntüyü indirmek için tarayıcıyı zorlamama yardım edebilir mi?

+0

bence * * Bu Content-Disposition HTTP üst kullanılarak sunucudan çözülebilir. Hangi sunucu tarafı teknolojisini kullanıyorsunuz? –

+0

olası bir kopyası [Kullanıcıyı bir tarayıcı penceresinden açmak yerine bir href bağlantısından bir dosya indirmeye zorlamanın bir yolu var mı?] (Http://stackoverflow.com/questions/3841578/is-there-a -kullanıcıdan-to-to-download-a-dosya-a-href-link-yerine- –

+0

@NikosParaskevopoulos Ben sadece istemci tarafında komut dosyası kullanarak indirmek istiyorum ... FYI biz Asp.Net – Maninder

cevap

7

Bildiğim kadarıyla, bu sorun için istemci tarafı çapraz tarayıcı çözümü yoktur (jQuery'yi veya başka bir UI araç setini kullanmanın önemi yoktur). Ya bir dosyayı indirmek için tarayıcıyı tetiklemek için yapmanız gereken sunucusu yanıtı için bazı HTTP başlıklarını eklemektir:

Content-Type: application/octet-stream 
Content-Disposition: attachment; filename=image.jpg 

This sonrası da sizin için yararlı olabilir. Tamamen tarayıcılarda desteklenmez ise

+0

Bunu asp.net'de nasıl yapabiliriz? – Maninder

+0

@Maninder asp.net için başlık eklemeye ilişkin resmi belgeler: http://msdn.microsoft.com/en-us/library/ms524327(v=vs.90).aspx – Vadim

+0

http://css-tricks.com/ parçacıkları/htaccess/zorla dosyaları-to-indir-açık değil-tarayıcı içi / – honzajde

5

Sen modernizr/desteklemek desteklenmeyen tarayıcılar için son çare olarak kullanabileceğiniz, indirme özelliğini kullanabilirsiniz.

desteklenen tarayıcılar için

, kontrol http://caniuse.com/#feat=download

<a href="/path/to/image.jpg" title="ImageName" download="ImageName" > 
    <img src="/path/to/image.jpg" alt="ImageName"> 
</a>