जावास्क्रिप्ट / jQuery का उपयोग करके फ़ाइल डाउनलोड करें

357

मेरे पास यहां निर्दिष्ट एक समान आवश्यकता है ।

मुझे उपयोगकर्ता के ब्राउज़र को मैन्युअल रूप से डाउनलोड करने की आवश्यकता है जब $('a#someID').click();

लेकिन मैं इस window.hrefपद्धति का उपयोग नहीं कर सकता , क्योंकि यह वर्तमान पृष्ठ सामग्री को उस फ़ाइल के साथ बदल देता है जिसे आप डाउनलोड करने का प्रयास कर रहे हैं।

इसके बजाय मैं नई विंडो / टैब में डाउनलोड को खोलना चाहता हूं। यह कैसे हो सकता है?

javascript  jquery  download 
— मिथुन श्रीधरन
स्रोत
मैंने संबंधित प्रश्नों में कई उत्तरों की कोशिश की, और यह निश्चित उत्तर है ।
— बसज
Window.location.href सेट करना मेरे लिए काम करता है। इसके अलावा खिड़की की सामग्री नहीं बदलती है। मुझे लगता है कि आपने गलत सामग्री का उपयोग किया है?
— BluE

जवाबों:

378

एक अदृश्य का प्रयोग करें <iframe>:

<iframe id="my_iframe" style="display:none;"></iframe>
<script>
function Download(url) {
    document.getElementById('my_iframe').src = url;
};
</script>

किसी फ़ाइल को डाउनलोड करने के लिए ब्राउज़र को बाध्य करने के लिए यह अन्यथा प्रतिपादन करने में सक्षम होगा (जैसे HTML या पाठ फ़ाइलें), आपको फ़ाइल के MIME प्रकार को एक निरर्थक मान, जैसे application/x-please-download-meया वैकल्पिक रूप से सेट करने के लिए सर्वर की आवश्यकता application/octet-streamहोती है, जिसका उपयोग बाइनरी के लिए किया जाता है डेटा।

यदि आप इसे केवल एक नए टैब में खोलना चाहते हैं, तो ऐसा करने का एकमात्र तरीका उपयोगकर्ता के लिए उसके targetविशेषता वाले लिंक पर क्लिक करना है _blank।

JQuery में:

$('a#someID').attr({target: '_blank', 
                    href  : 'http://localhost/directory/file.pdf'});

जब भी उस लिंक पर क्लिक किया जाता है, वह फाइल को एक नए टैब / विंडो में डाउनलोड करेगा।

— रैंडी देव
स्रोत
4
एक वेबपेज स्वचालित रूप से एक नया टैब नहीं खोल सकता है। ब्राउज़र को डाउनलोड करने के लिए मजबूर करने के लिए, सर्वर को पीडीएफ फाइल भेजने के लिए एक बकवास MIME- प्रकार, जैसे कि एप्लिकेशन / x-please-download-me
— Randy the Dev
14
अच्छी तरह से किया! समस्या को अच्छी तरह हल करता है। हालाँकि, आप उपयोग करना चाह सकते हैं: iframe.style.display = 'none'; क्योंकि इससे आईफ्रेम पूरी तरह से छिप जाएगा। आपका वर्तमान कार्यान्वयन iframe को अदृश्य बना देगा, लेकिन iframe अभी भी पृष्ठ के निचले भाग में जगह लेगा, जिससे अतिरिक्त सफेद स्थान होगा।
— एरिकोस
2
यह "अर्ध" मेरे लिए काम करता है। मैंने निम्नलिखित सरल परीक्षण html बनाया: html: <html> <body> <iframe src = "fileurl"> </ iframe> </ body> </ html> और यह डाउनलोड हो जाता है, लेकिन क्रोम कंसोल में मैं देखता हूं कि डाउनलोड "रद्द" किया गया था और लाल रंग में दिखाई देता है। यह एक बड़े मोबाइल वेब ऐप का हिस्सा है, और इस तथ्य को रद्द कर दिया जाता है कि यह ऐप को तोड़ देता है क्योंकि यह एक सामान्य वेब विफलता को जन्म देता है। इसके आसपास कोई रास्ता?
— सगई मान
27
अच्छा स्निपेट। हालाँकि, निरर्थक चीजों को टाइप करना थोड़ा परेशान करता है। किसी फ़ाइल को डाउनलोड करने के लिए ब्राउज़र को प्रस्तुत करने के लिए कहने के लिए, निम्नलिखित हेडर का उपयोग करें: Content-Disposition: attachment; filename="downloaded.pdf"(आप निश्चित रूप से फ़ाइल नाम को आवश्यकतानुसार अनुकूलित कर सकते हैं)।
— रिक्सो
2
मैं सर्वर के बिना डाउनलोड को कैसे बाध्य करूं? तो बस कुछ जावास्क्रिप्ट के साथ एक html पृष्ठ।
— रॉड्रिगो रुइज
221

2019 आधुनिक ब्राउज़र अपडेट

यह वह तरीका है जिसे मैं अब कुछ कैविएट के साथ सुझाऊंगा:

  • एक अपेक्षाकृत आधुनिक ब्राउज़र की आवश्यकता है
  • यदि फ़ाइल बहुत बड़ी होने की उम्मीद है, तो आपको मूल दृष्टिकोण (iframe और कुकी) के समान कुछ करने की संभावना होनी चाहिए, क्योंकि नीचे दिए गए कुछ ऑपरेशन संभवत: सिस्टम मेमोरी को कम से कम उपभोग कर सकते हैं क्योंकि फ़ाइल डाउनलोड की जा रही है और / या अन्य दिलचस्प CPU दुष्प्रभाव।

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    // the filename you want
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!'); // or you know, something with better UX...
  })
  .catch(() => alert('oh no!'));
स्निपेट का विस्तार करें

2012 मूल jQuery / iframe / कुकी आधारित दृष्टिकोण

मैंने jQuery फ़ाइल डाउनलोड प्लगइन ( डेमो ) ( GitHub ) बनाया है जो आपकी स्थिति में भी मदद कर सकता है। यह एक आइफ्रेम के साथ बहुत समान रूप से काम करता है लेकिन इसमें कुछ शांत विशेषताएं हैं जो मुझे काफी उपयोगी लगी हैं:

  • बहुत अच्छे दृश्यों के साथ सेटअप करना बहुत आसान है (jQuery UI डायलॉग, लेकिन आवश्यक नहीं), सब कुछ भी परीक्षण किया गया है

  • उपयोगकर्ता कभी भी उसी पृष्ठ को नहीं छोड़ता है जिससे उन्होंने फ़ाइल डाउनलोड शुरू की हो। यह सुविधा आधुनिक वेब अनुप्रयोगों के लिए महत्वपूर्ण होती जा रही है

  • successCallback और failCallback फ़ंक्शंस आपके लिए यह स्पष्ट करने की अनुमति देते हैं कि उपयोगकर्ता किसी भी स्थिति में क्या देखता है

  • JQuery UI के साथ संयोजन में एक डेवलपर उपयोगकर्ता को यह बताते हुए एक मोडल आसानी से दिखा सकता है कि फ़ाइल डाउनलोड हो रही है, डाउनलोड शुरू होने के बाद मोडल को भंग कर दें या उपयोगकर्ता को मैत्रीपूर्ण तरीके से सूचित करें कि कोई त्रुटि हुई है। इसके एक उदाहरण के लिए डेमो देखें । आशा है कि यह किसी की मदद करता है!

यहां वादों के साथ प्लगइन स्रोत का उपयोग करके एक सरल उपयोग केस डेमो है । डेमो पृष्ठ कई अन्य, 'बेहतर UX' साथ ही उदाहरण भी शामिल है।

$.fileDownload('some/file.pdf')
    .done(function () { alert('File download a success!'); })
    .fail(function () { alert('File download failed!'); });
— जॉन कुलविनर
स्रोत
@ जॉन्कुलविनर: क्या मैं आपकी पोस्ट विधि में json डेटा भेज सकता हूँ। मैंने इसे आजमाया और असफल रहा। क्या आप मुझे नमूना दे सकते हैं
— सरवनन
क्या कॉल को मापदंडों में पारित करना संभव है? मान लीजिए कि मुझे जिस फ़ाइल को डाउनलोड करना है, उसे जेनरेट करने के लिए सर्वर के लिए कुछ आईडी पास करने की आवश्यकता है, मैं यह कैसे कर सकता हूं? धन्यवाद
— omer schleifer
100 कर चुके हैं। Upvote अपने समय के लिए धन्यवाद - यह वास्तव में मूल्यवान है। दान के लिए एक पेपाल लिंक पर विचार करें। मैंने दान दिया होता।
— Stephan Schinkel
मैंने इसे आजमाया लेकिन कॉलबैक कभी निष्पादित नहीं होता है। प्लग-इन सेवा के वापस आने पर भी नए टैब में सेवा प्रतिक्रिया को खोल देगा। मैं नहीं चाहता कि एप्लिकेशन को नया टैब खोलने और त्रुटि के कारण सेवा प्रतिक्रिया प्रदर्शित हो। मैंने सफलता और असफलता के बारे में सही और गलत दर्ज करने के लिए कुकी को जोड़ा, लेकिन फिर भी प्रतिक्रिया नए टैब में खुली हो रही है .. इसे ठीक करने का कोई भी तरीका .. मैं विधि प्राप्त कर रहा हूं।
— विशाल गुलाटी
1
@MarkAmery जो अन्य उत्तरों के रूप में भी काम करता है, ने संकेत दिया है। यह दृष्टिकोण (AFAIK) आपको डाउनलोड शुरू होने पर, जब यह पूरा हो जाता है और यदि यह गलत है जो काम आता है, तो आपको प्रतिक्रिया नहीं देता है। मैं "आग और भूल" विकल्प के जवाब में जोड़ सकता हूं। इसके अलावा [डाउनलोड] विशेषता एक पोस्ट या कुछ भी विदेशी के लिए अनुमति नहीं है।
— जॉन कुल्विनर
142 
function downloadURI(uri, name) 
{
    var link = document.createElement("a");
    // If you don't know the name or want to use
    // the webserver default set name = ''
    link.setAttribute('download', name);
    link.href = uri;
    document.body.appendChild(link);
    link.click();
    link.remove();
}

जांचें कि क्या आपका टारगेट ब्राउजर एस स्निपेट को सुचारू रूप से चलाएगा:
http://caniuse.com/#feat=download

— ब्रेकर की कल्पना करें
स्रोत
1
डाउनलोड फ़ाइल नाम बदल नहीं ... अप्रैल 2015 में क्रोम में परीक्षण
— Novellizator
7
मेरे लिए यह सही होगा लेकिन यह फ़ायरफ़ॉक्स पर काम नहीं करता है और न ही। कोई उपाय?
— g07kore
2
जैसा कि caniuse.com/#feat=download में बताया गया है , यह हाल के फ़ायरफ़ॉक्स और क्रोम रिलीज़ पर समान-मूल लिंक के लिए काम करता है। इसलिए यदि आपके लिंक किसी अन्य डोमेन को इंगित करते हैं, तो यह शायद ही अब के लिए कहीं भी काम करता है।
— जीन-बैप्टिस्ट
9
इसके लिए फ़ायरफ़ॉक्स पर काम करना है document.body.appendChild(link), क्लिक से पहले करें और क्लिक के बाद आप link.remove()डोम को प्रदूषित करने से बचने के लिए कर सकते हैं ।
— ओक्कू
1
आप link.download = ""इसे अपने मूल फ़ाइल नाम को बनाए रखने और एक सेट करने से बचने के लिए भी कर सकते हैं।
— ओक्कू
69

मुझे आश्चर्य है कि बहुत से लोग तत्वों के डाउनलोड विशेषता के बारे में नहीं जानते हैं। कृपया इसके बारे में शब्द फैलाने में मदद करें! आपके पास एक छिपा हुआ HTML लिंक हो सकता है, और उस पर एक क्लिक नकली हो सकता है। यदि html लिंक में डाउनलोड विशेषता है, तो यह फ़ाइल को डाउनलोड करता है, इसे नहीं देखता है, चाहे जो भी हो। यहाँ कोड है। यह एक बिल्ली का चित्र डाउनलोड करेगा यदि वह इसे पा सकता है।

document.getElementById('download').click();
<a href="https://docs.google.com/uc?id=0B0jH18Lft7ypSmRjdWg1c082Y2M" download id="download" hidden></a>
स्निपेट का विस्तार करें

नोट: यह सभी ब्राउज़रों पर समर्थित नहीं है: http://www.w3schools.com/tags/att_a_download.asp

— मददगार 13 साल का
स्रोत
12
IE और सफ़ारी में समर्थित नहीं
— MatPag
9
क्रोम डाउनलोड करता है, लेकिन फ़ायरफ़ॉक्स सिर्फ तस्वीर दिखाता है।
— सारण 21
हालांकि उस निष्पादन योग्य स्निपेट प्रदान करने के लिए +1। मुझे यह जानने के लिए कि यह काम नहीं करेगा, केवल इसका परीक्षण करने के लिए समय बचाया।
— डोपी
4
नवीनतम क्रोम (अगस्त 2018) चित्र भी दिखाता है (एक बेतुके सुरक्षा प्रतिबंध के कारण) इतना विफल
— user1156544
Chrome mp4s
— Nearoo
53

मैं jQuery के बजाय डाउनलोड के लिए विशेषता का उपयोग करनेdownload की सलाह देता हूं :

<a href="your_link" download> file_name </a>

यह आपकी फ़ाइल को बिना खोले डाउनलोड कर देगा।

— लौरा चेज़
स्रोत
5
यह केवल क्रोम, फ़ायरफ़ॉक्स, ओपेरा और IE (> = 13.0) का समर्थन करेगा
— कुणाल कक्कड़
एज> = 13, आईई नहीं। इसके अलावा एज 13 कार्यान्वयन छोटी गाड़ी है क्योंकि फ़ाइल के नाम को अनदेखा किया जाता है और इसके बजाय आपको नाम के साथ आईडी के साथ एक फ़ाइल मिलती है।
— डेविड
8
मेरी राय में, यह प्रश्न का सही उत्तर है। यदि आप पुराने ब्राउज़रों का समर्थन करते हैं और वर्कअराउंड की आवश्यकता है, तो अन्य उत्तर समझ में आते हैं।
— crabCRUSHERclamCOLLECTOR
19

यदि आप पहले से ही jQuery का उपयोग कर रहे हैं, तो आप
एंड्रयू स्निपेट का एक छोटा संस्करण A jQuery संस्करण बनाने के लिए इसका उपयोग कर सकते हैं :

var $idown;  // Keep it outside of the function, so it's initialized once.
downloadURL : function(url) {
  if ($idown) {
    $idown.attr('src',url);
  } else {
    $idown = $('<iframe>', { id:'idown', src:url }).hide().appendTo('body');
  }
},
//... How to use it:
downloadURL('http://whatever.com/file.pdf');
— corbacho
स्रोत
FYI करें, किसी ने $ idown.attr ('src', url) जोड़ने के लिए (मेरी पोस्ट को संपादित करके) सुझाव दिया; पहली बार iframe बनाने के बाद। मुझे नहीं लगता कि जरूरत है। यह पहले से ही निर्माण चरण में 'src: url' सेट कर रहा है।
— corbacho
यह भी टिप्पणी करने के लिए कि अंततः मैंने इस समाधान का उपयोग नहीं किया क्योंकि IE 9 गतिशील रूप से निर्मित iframes http: // की ओर इशारा नहीं करता था जब आप एक https वेब के अंदर होते हैं। मुझे "window.location.href" का उपयोग करना पड़ा, एक समाधान जिसमें कुछ असुविधाएँ भी हैं
— corbacho
"if ($ idown)" भाग मेरे लिए नवीनतम Chrome (24) में काम नहीं आया, लेकिन बस एक अंतहीन संख्या में ifames का निर्माण किया। शायद इसलिए कि मैं एक ही समय में 12 चीजें डाउनलोड करना चाहता था?
— नेसुर
6
ifबयान वास्तव में होना चाहिए:if( $idown && $idown.length > 0 )
— iOnline247
3
Chrome में कुछ भी नहीं करता है
— jjxtra
11

Chrome, Firefox और IE8 और इसके बाद के संस्करण पर काम करता है। 

var link=document.createElement('a');
document.body.appendChild(link);
link.href=url ;
link.click();
— ईएल मिसाओई हबीब
स्रोत
यह भी काम करता है यदि आप डोम से लिंक को जोड़ नहीं पाते हैं।
— जॉनी कर्र
जब तक सर्वर से लौटे हेडर अन्यथा ऐसा करने का संकेत नहीं देते, यह बस से नेविगेट करेगा url, इससे डाउनलोड नहीं होगा।
— मार्क अमेरी
10

एक का उपयोग करके सरल उदाहरण iframe

function downloadURL(url) {
    var hiddenIFrameID = 'hiddenDownloader',
        iframe = document.getElementById(hiddenIFrameID);
    if (iframe === null) {
        iframe = document.createElement('iframe');
        iframe.id = hiddenIFrameID;
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
    }
    iframe.src = url;
};

फिर आप जहां चाहें फंक्शन को कॉल करें:

downloadURL('path/to/my/file');

— हारून लेविलियर
स्रोत
10

यदि आप किसी अन्य पेज को नेविगेट करने की आवश्यकता नहीं है तो यह उपयोगी हो सकता है। यह बेस जावास्क्रिप्ट फ़ंक्शन है, इसलिए किसी भी प्लेटफ़ॉर्म में उपयोग किया जा सकता है जहां बैकएंड जावास्क्रिप्ट में है

window.location.assign('any url or file path')
— रोहित परते
स्रोत
यह शायद सबसे आसान उपाय है यदि आप सामग्री को स्वयं निर्धारित कर सकते हैं। मैं इसे इस रूप में उपयोग करता हूं: window.location.href = downloadFileUrl;
— BluE
यदि व्यवस्थापक उपयोगकर्ता को URL दिखाना नहीं चाहता है?
— नरेन वर्मा
9

केवल सात साल बाद एक iframe या लिंक के बजाय फ़ॉर्म का उपयोग करके एक लाइन jQuery समाधान आता है:

$('<form></form>')
     .attr('action', filePath)
     .appendTo('body').submit().remove();

मैंने इसमें परीक्षण किया है

  • क्रोम 55
  • फ़ायरफ़ॉक्स ५०
  • एज IE8-10
  • iOS 10 (सफारी / क्रोम)
  • Android क्रोम

अगर किसी को इस समाधान के साथ किसी भी downsides के बारे में पता है, तो मुझे उनके बारे में सुनकर बहुत खुशी होगी।

पूर्ण डेमो:

<html>
<head><script src="https://code.jquery.com/jquery-1.11.3.js"></script></head>
<body>
<script>
    var filePath = window.prompt("Enter a file URL","http://jqueryui.com/resources/download/jquery-ui-1.12.1.zip");
    $('<form></form>').attr('action', filePath).appendTo('body').submit().remove();
</script>
</body>
</html>
— rakaloof
स्रोत
7
यदि filePathफॉर्म सबमिट करने के बाद से आपके पास एक querystring है तो यह काम नहीं करता है, एक्शन विशेषता में querystring को अधिलेखित कर देगा।
— बोबोर्ट
1
मैंने फार्म में एक इनपुट जोड़कर इसे घेर लिया: var authInput = $("<input>").attr("type", "hidden").attr("name", "myQsKey").val('MyQsValue'); $('<form></form>') .attr('action', filePath) .append($(authInput)) .appendTo('body').submit().remove();यह बराबर है:filepath?myQsKey=myValue
— हेराल्ड होरविक
इससे वेबस्कैट भी बंद हो जाता है।
— radu122 20
2
यह सेट window.locationकरने के लिए वास्तव में जटिल तरीका है filePath। बस window.location = filePath;वही करता।
— इवो ​​स्मट्स
भले ही इस समाधान के प्रति नकारात्मक पहलू हो, प्रति se, आपने किसी लिंक पर इसे उपयोग करने के लिए कोई उल्टा प्रदान नहीं किया है । (और एक नकारात्मक पहलू है: आप downloadब्राउज़र को यह बताने के लिए इस तरह से विशेषता का उपयोग नहीं कर सकते हैं कि आप एक डाउनलोड चाहते हैं, चाहे सर्वर किसी भी हेडर को लौटाए, जो आप एक aतत्व के साथ कर सकते हैं ।)
— मार्क अमेरी
5

मुझे नहीं पता कि यह प्रश्न अभी बहुत पुराना है, लेकिन एक url डाउनलोड करने के लिए window.location सेट करने से काम चलेगा, जब तक कि डाउनलोड माइम का प्रकार सही है (उदाहरण के लिए ज़िप संग्रह)। 

var download = function(downloadURL) {

   location = downloadURL;

});

download('http://example.com/archive.zip'); //correct usage
download('http://example.com/page.html'); //DON'T
— मैकीज क्रैस्की
स्रोत
5

मैंने नीचे दिए गए स्निपेट का उपयोग करके समाप्त किया और यह अधिकांश ब्राउज़रों में काम करता है, हालांकि IE में परीक्षण नहीं किया गया है।

let data = JSON.stringify([{email: "test@domain.com", name: "test"}, {email: "anothertest@example.com", name: "anothertest"}]);

let type = "application/json", name = "testfile.json";
downloader(data, type, name)

function downloader(data, type, name) {
	let blob = new Blob([data], {type});
	let url = window.URL.createObjectURL(blob);
	downloadURI(url, name);
	window.URL.revokeObjectURL(url);
}

function downloadURI(uri, name) {
    let link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.click();
}
स्निपेट का विस्तार करें

अपडेट करें

function downloadURI(uri, name) {
    let link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.click();
}

function downloader(data, type, name) {
    let blob = new Blob([data], {type});
    let url = window.URL.createObjectURL(blob);
    downloadURI(url, name);
    window.URL.revokeObjectURL(url);
}
— ABK
स्रोत
MouseEventहमेशा उपयोग करने के बजाय यहां उपयोग करने की बात क्या है click? और इसे क्लिक करने से पहले दस्तावेज़ के लिंक को क्यों संलग्न करें? हो सकता है कि इस में दिखाया गया सरल तरीका का लाभ होता है stackoverflow.com/a/23013574/1709587 , लेकिन यदि हां, तो वे यहाँ समझाया नहीं कर रहे हैं।
— मार्क अमेरी
मुझे यह उत्तर पोस्ट किए हुए कुछ समय हो गया है। मुझे याद नहीं है कि क्या उन अनावश्यक कोड के पीछे कोई कारण है।
— अबक
3

ब्रेकर के उत्तर की कल्पना में सुधार करने के लिए, यह एफएफ और IE पर समर्थित है:

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

function downloadURI(uri, name) {
    var link = document.createElement("a");
    link.download = name;
    link.href = uri;
    link.dispatchEvent(evt);
}

दूसरे शब्दों में, dispatchEventइसके बजाय एक फ़ंक्शन का उपयोग करें click();

— ला मास
स्रोत
यह कैसा सुधार है? यह बस एक ही काम करने का एक और अधिक जटिल तरीका प्रतीत होता है।
— मार्क अमेरी
3

हो सकता है कि अभी आपकी जावास्क्रिप्ट में एक पेज खुला हो, जो किसी फ़ाइल को डाउनलोड करता हो, जैसे कि जब आप एक डाउनलोड लिंक को एक नए टैब में खींचते हैं:

Window.open("https://www.MyServer.
Org/downloads/ardiuno/WgiWho=?:8080")

खुली हुई खिड़की के साथ एक डाउनलोड पृष्ठ खोलें जो ऑटो बंद हो जाता है।

— ब्रायन वाल्टसे
स्रोत
1
यह एक पॉपअप विंडो बनाता है, जो अधिकांश ब्राउज़रों को ब्लॉक करता है
— एश्टन वाईसरडॉर्फ
3

फायरफॉक्स, क्रोम और IE कोड के लिए डेटा डाउनलोड करने के लिए सबसे पूर्ण और कार्य (परीक्षण) कोड का पालन किया जाता है। यह मान लें कि डेटा टेक्सेरिया फ़ील्ड में है, जिसमें id = 'textarea_area' है और फ़ाइल नाम उस फ़ाइल का नाम है जहाँ डेटा डाउनलोड किया जाएगा।

function download(filename) {
    if (typeof filename==='undefined') filename = ""; // default
    value = document.getElementById('textarea_area').value;

    filetype="text/*";
    extension=filename.substring(filename.lastIndexOf("."));
    for (var i = 0; i < extToMIME.length; i++) {
        if (extToMIME[i][0].localeCompare(extension)==0) {
            filetype=extToMIME[i][1];
            break;
        }
    }


    var pom = document.createElement('a');
    pom.setAttribute('href', 'data: '+filetype+';charset=utf-8,' + '\ufeff' + encodeURIComponent(value)); // Added BOM too
    pom.setAttribute('download', filename);


    if (document.createEvent) {
        if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) { // IE
            blobObject = new Blob(['\ufeff'+value]);
            window.navigator.msSaveBlob(blobObject, filename);
        } else { // FF, Chrome
            var event = document.createEvent('MouseEvents');
            event.initEvent('click', true, true);
            pom.dispatchEvent(event);
        }
    } else if( document.createEventObject ) { // Have No Idea
        var evObj = document.createEventObject();
        pom.fireEvent( 'onclick' , evObj );
    } else { // For Any Case
        pom.click();
    }

}

और फिर कॉल करें 

<a href="javascript:download();">Download</a>

डाउनलोड की पहल के लिए।

डाउनलोड संवाद के लिए सही MIME प्रकार सेट करने के लिए सरणी निम्नलिखित हो सकती है:

// ----------------------- Extensions to MIME --------- //

        // List of mime types
        // combination of values from Windows 7 Registry and 
        // from C:\Windows\System32\inetsrv\config\applicationHost.config
        // some added, including .7z and .dat
    var extToMIME = [
        [".323", "text/h323"],
        [".3g2", "video/3gpp2"],
        [".3gp", "video/3gpp"],
        [".3gp2", "video/3gpp2"],
        [".3gpp", "video/3gpp"],
        [".7z", "application/x-7z-compressed"],
        [".aa", "audio/audible"],
        [".AAC", "audio/aac"],
        [".aaf", "application/octet-stream"],
        [".aax", "audio/vnd.audible.aax"],
        [".ac3", "audio/ac3"],
        [".aca", "application/octet-stream"],
        [".accda", "application/msaccess.addin"],
        [".accdb", "application/msaccess"],
        [".accdc", "application/msaccess.cab"],
        [".accde", "application/msaccess"],
        [".accdr", "application/msaccess.runtime"],
        [".accdt", "application/msaccess"],
        [".accdw", "application/msaccess.webapplication"],
        [".accft", "application/msaccess.ftemplate"],
        [".acx", "application/internet-property-stream"],
        [".AddIn", "text/xml"],
        [".ade", "application/msaccess"],
        [".adobebridge", "application/x-bridge-url"],
        [".adp", "application/msaccess"],
        [".ADT", "audio/vnd.dlna.adts"],
        [".ADTS", "audio/aac"],
        [".afm", "application/octet-stream"],
        [".ai", "application/postscript"],
        [".aif", "audio/x-aiff"],
        [".aifc", "audio/aiff"],
        [".aiff", "audio/aiff"],
        [".air", "application/vnd.adobe.air-application-installer-package+zip"],
        [".amc", "application/x-mpeg"],
        [".application", "application/x-ms-application"],
        [".art", "image/x-jg"],
        [".asa", "application/xml"],
        [".asax", "application/xml"],
        [".ascx", "application/xml"],
        [".asd", "application/octet-stream"],
        [".asf", "video/x-ms-asf"],
        [".ashx", "application/xml"],
        [".asi", "application/octet-stream"],
        [".asm", "text/plain"],
        [".asmx", "application/xml"],
        [".aspx", "application/xml"],
        [".asr", "video/x-ms-asf"],
        [".asx", "video/x-ms-asf"],
        [".atom", "application/atom+xml"],
        [".au", "audio/basic"],
        [".avi", "video/x-msvideo"],
        [".axs", "application/olescript"],
        [".bas", "text/plain"],
        [".bcpio", "application/x-bcpio"],
        [".bin", "application/octet-stream"],
        [".bmp", "image/bmp"],
        [".c", "text/plain"],
        [".cab", "application/octet-stream"],
        [".caf", "audio/x-caf"],
        [".calx", "application/vnd.ms-office.calx"],
        [".cat", "application/vnd.ms-pki.seccat"],
        [".cc", "text/plain"],
        [".cd", "text/plain"],
        [".cdda", "audio/aiff"],
        [".cdf", "application/x-cdf"],
        [".cer", "application/x-x509-ca-cert"],
        [".chm", "application/octet-stream"],
        [".class", "application/x-java-applet"],
        [".clp", "application/x-msclip"],
        [".cmx", "image/x-cmx"],
        [".cnf", "text/plain"],
        [".cod", "image/cis-cod"],
        [".config", "application/xml"],
        [".contact", "text/x-ms-contact"],
        [".coverage", "application/xml"],
        [".cpio", "application/x-cpio"],
        [".cpp", "text/plain"],
        [".crd", "application/x-mscardfile"],
        [".crl", "application/pkix-crl"],
        [".crt", "application/x-x509-ca-cert"],
        [".cs", "text/plain"],
        [".csdproj", "text/plain"],
        [".csh", "application/x-csh"],
        [".csproj", "text/plain"],
        [".css", "text/css"],
        [".csv", "text/csv"],
        [".cur", "application/octet-stream"],
        [".cxx", "text/plain"],
        [".dat", "application/octet-stream"],
        [".datasource", "application/xml"],
        [".dbproj", "text/plain"],
        [".dcr", "application/x-director"],
        [".def", "text/plain"],
        [".deploy", "application/octet-stream"],
        [".der", "application/x-x509-ca-cert"],
        [".dgml", "application/xml"],
        [".dib", "image/bmp"],
        [".dif", "video/x-dv"],
        [".dir", "application/x-director"],
        [".disco", "text/xml"],
        [".dll", "application/x-msdownload"],
        [".dll.config", "text/xml"],
        [".dlm", "text/dlm"],
        [".doc", "application/msword"],
        [".docm", "application/vnd.ms-word.document.macroEnabled.12"],
        [".docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
        [".dot", "application/msword"],
        [".dotm", "application/vnd.ms-word.template.macroEnabled.12"],
        [".dotx", "application/vnd.openxmlformats-officedocument.wordprocessingml.template"],
        [".dsp", "application/octet-stream"],
        [".dsw", "text/plain"],
        [".dtd", "text/xml"],
        [".dtsConfig", "text/xml"],
        [".dv", "video/x-dv"],
        [".dvi", "application/x-dvi"],
        [".dwf", "drawing/x-dwf"],
        [".dwp", "application/octet-stream"],
        [".dxr", "application/x-director"],
        [".eml", "message/rfc822"],
        [".emz", "application/octet-stream"],
        [".eot", "application/octet-stream"],
        [".eps", "application/postscript"],
        [".etl", "application/etl"],
        [".etx", "text/x-setext"],
        [".evy", "application/envoy"],
        [".exe", "application/octet-stream"],
        [".exe.config", "text/xml"],
        [".fdf", "application/vnd.fdf"],
        [".fif", "application/fractals"],
        [".filters", "Application/xml"],
        [".fla", "application/octet-stream"],
        [".flr", "x-world/x-vrml"],
        [".flv", "video/x-flv"],
        [".fsscript", "application/fsharp-script"],
        [".fsx", "application/fsharp-script"],
        [".generictest", "application/xml"],
        [".gif", "image/gif"],
        [".group", "text/x-ms-group"],
        [".gsm", "audio/x-gsm"],
        [".gtar", "application/x-gtar"],
        [".gz", "application/x-gzip"],
        [".h", "text/plain"],
        [".hdf", "application/x-hdf"],
        [".hdml", "text/x-hdml"],
        [".hhc", "application/x-oleobject"],
        [".hhk", "application/octet-stream"],
        [".hhp", "application/octet-stream"],
        [".hlp", "application/winhlp"],
        [".hpp", "text/plain"],
        [".hqx", "application/mac-binhex40"],
        [".hta", "application/hta"],
        [".htc", "text/x-component"],
        [".htm", "text/html"],
        [".html", "text/html"],
        [".htt", "text/webviewhtml"],
        [".hxa", "application/xml"],
        [".hxc", "application/xml"],
        [".hxd", "application/octet-stream"],
        [".hxe", "application/xml"],
        [".hxf", "application/xml"],
        [".hxh", "application/octet-stream"],
        [".hxi", "application/octet-stream"],
        [".hxk", "application/xml"],
        [".hxq", "application/octet-stream"],
        [".hxr", "application/octet-stream"],
        [".hxs", "application/octet-stream"],
        [".hxt", "text/html"],
        [".hxv", "application/xml"],
        [".hxw", "application/octet-stream"],
        [".hxx", "text/plain"],
        [".i", "text/plain"],
        [".ico", "image/x-icon"],
        [".ics", "application/octet-stream"],
        [".idl", "text/plain"],
        [".ief", "image/ief"],
        [".iii", "application/x-iphone"],
        [".inc", "text/plain"],
        [".inf", "application/octet-stream"],
        [".inl", "text/plain"],
        [".ins", "application/x-internet-signup"],
        [".ipa", "application/x-itunes-ipa"],
        [".ipg", "application/x-itunes-ipg"],
        [".ipproj", "text/plain"],
        [".ipsw", "application/x-itunes-ipsw"],
        [".iqy", "text/x-ms-iqy"],
        [".isp", "application/x-internet-signup"],
        [".ite", "application/x-itunes-ite"],
        [".itlp", "application/x-itunes-itlp"],
        [".itms", "application/x-itunes-itms"],
        [".itpc", "application/x-itunes-itpc"],
        [".IVF", "video/x-ivf"],
        [".jar", "application/java-archive"],
        [".java", "application/octet-stream"],
        [".jck", "application/liquidmotion"],
        [".jcz", "application/liquidmotion"],
        [".jfif", "image/pjpeg"],
        [".jnlp", "application/x-java-jnlp-file"],
        [".jpb", "application/octet-stream"],
        [".jpe", "image/jpeg"],
        [".jpeg", "image/jpeg"],
        [".jpg", "image/jpeg"],
        [".js", "application/x-javascript"],
        [".json", "application/json"],
        [".jsx", "text/jscript"],
        [".jsxbin", "text/plain"],
        [".latex", "application/x-latex"],
        [".library-ms", "application/windows-library+xml"],
        [".lit", "application/x-ms-reader"],
        [".loadtest", "application/xml"],
        [".lpk", "application/octet-stream"],
        [".lsf", "video/x-la-asf"],
        [".lst", "text/plain"],
        [".lsx", "video/x-la-asf"],
        [".lzh", "application/octet-stream"],
        [".m13", "application/x-msmediaview"],
        [".m14", "application/x-msmediaview"],
        [".m1v", "video/mpeg"],
        [".m2t", "video/vnd.dlna.mpeg-tts"],
        [".m2ts", "video/vnd.dlna.mpeg-tts"],
        [".m2v", "video/mpeg"],
        [".m3u", "audio/x-mpegurl"],
        [".m3u8", "audio/x-mpegurl"],
        [".m4a", "audio/m4a"],
        [".m4b", "audio/m4b"],
        [".m4p", "audio/m4p"],
        [".m4r", "audio/x-m4r"],
        [".m4v", "video/x-m4v"],
        [".mac", "image/x-macpaint"],
        [".mak", "text/plain"],
        [".man", "application/x-troff-man"],
        [".manifest", "application/x-ms-manifest"],
        [".map", "text/plain"],
        [".master", "application/xml"],
        [".mda", "application/msaccess"],
        [".mdb", "application/x-msaccess"],
        [".mde", "application/msaccess"],
        [".mdp", "application/octet-stream"],
        [".me", "application/x-troff-me"],
        [".mfp", "application/x-shockwave-flash"],
        [".mht", "message/rfc822"],
        [".mhtml", "message/rfc822"],
        [".mid", "audio/mid"],
        [".midi", "audio/mid"],
        [".mix", "application/octet-stream"],
        [".mk", "text/plain"],
        [".mmf", "application/x-smaf"],
        [".mno", "text/xml"],
        [".mny", "application/x-msmoney"],
        [".mod", "video/mpeg"],
        [".mov", "video/quicktime"],
        [".movie", "video/x-sgi-movie"],
        [".mp2", "video/mpeg"],
        [".mp2v", "video/mpeg"],
        [".mp3", "audio/mpeg"],
        [".mp4", "video/mp4"],
        [".mp4v", "video/mp4"],
        [".mpa", "video/mpeg"],
        [".mpe", "video/mpeg"],
        [".mpeg", "video/mpeg"],
        [".mpf", "application/vnd.ms-mediapackage"],
        [".mpg", "video/mpeg"],
        [".mpp", "application/vnd.ms-project"],
        [".mpv2", "video/mpeg"],
        [".mqv", "video/quicktime"],
        [".ms", "application/x-troff-ms"],
        [".msi", "application/octet-stream"],
        [".mso", "application/octet-stream"],
        [".mts", "video/vnd.dlna.mpeg-tts"],
        [".mtx", "application/xml"],
        [".mvb", "application/x-msmediaview"],
        [".mvc", "application/x-miva-compiled"],
        [".mxp", "application/x-mmxp"],
        [".nc", "application/x-netcdf"],
        [".nsc", "video/x-ms-asf"],
        [".nws", "message/rfc822"],
        [".ocx", "application/octet-stream"],
        [".oda", "application/oda"],
        [".odc", "text/x-ms-odc"],
        [".odh", "text/plain"],
        [".odl", "text/plain"],
        [".odp", "application/vnd.oasis.opendocument.presentation"],
        [".ods", "application/oleobject"],
        [".odt", "application/vnd.oasis.opendocument.text"],
        [".one", "application/onenote"],
        [".onea", "application/onenote"],
        [".onepkg", "application/onenote"],
        [".onetmp", "application/onenote"],
        [".onetoc", "application/onenote"],
        [".onetoc2", "application/onenote"],
        [".orderedtest", "application/xml"],
        [".osdx", "application/opensearchdescription+xml"],
        [".p10", "application/pkcs10"],
        [".p12", "application/x-pkcs12"],
        [".p7b", "application/x-pkcs7-certificates"],
        [".p7c", "application/pkcs7-mime"],
        [".p7m", "application/pkcs7-mime"],
        [".p7r", "application/x-pkcs7-certreqresp"],
        [".p7s", "application/pkcs7-signature"],
        [".pbm", "image/x-portable-bitmap"],
        [".pcast", "application/x-podcast"],
        [".pct", "image/pict"],
        [".pcx", "application/octet-stream"],
        [".pcz", "application/octet-stream"],
        [".pdf", "application/pdf"],
        [".pfb", "application/octet-stream"],
        [".pfm", "application/octet-stream"],
        [".pfx", "application/x-pkcs12"],
        [".pgm", "image/x-portable-graymap"],
        [".pic", "image/pict"],
        [".pict", "image/pict"],
        [".pkgdef", "text/plain"],
        [".pkgundef", "text/plain"],
        [".pko", "application/vnd.ms-pki.pko"],
        [".pls", "audio/scpls"],
        [".pma", "application/x-perfmon"],
        [".pmc", "application/x-perfmon"],
        [".pml", "application/x-perfmon"],
        [".pmr", "application/x-perfmon"],
        [".pmw", "application/x-perfmon"],
        [".png", "image/png"],
        [".pnm", "image/x-portable-anymap"],
        [".pnt", "image/x-macpaint"],
        [".pntg", "image/x-macpaint"],
        [".pnz", "image/png"],
        [".pot", "application/vnd.ms-powerpoint"],
        [".potm", "application/vnd.ms-powerpoint.template.macroEnabled.12"],
        [".potx", "application/vnd.openxmlformats-officedocument.presentationml.template"],
        [".ppa", "application/vnd.ms-powerpoint"],
        [".ppam", "application/vnd.ms-powerpoint.addin.macroEnabled.12"],
        [".ppm", "image/x-portable-pixmap"],
        [".pps", "application/vnd.ms-powerpoint"],
        [".ppsm", "application/vnd.ms-powerpoint.slideshow.macroEnabled.12"],
        [".ppsx", "application/vnd.openxmlformats-officedocument.presentationml.slideshow"],
        [".ppt", "application/vnd.ms-powerpoint"],
        [".pptm", "application/vnd.ms-powerpoint.presentation.macroEnabled.12"],
        [".pptx", "application/vnd.openxmlformats-officedocument.presentationml.presentation"],
        [".prf", "application/pics-rules"],
        [".prm", "application/octet-stream"],
        [".prx", "application/octet-stream"],
        [".ps", "application/postscript"],
        [".psc1", "application/PowerShell"],
        [".psd", "application/octet-stream"],
        [".psess", "application/xml"],
        [".psm", "application/octet-stream"],
        [".psp", "application/octet-stream"],
        [".pub", "application/x-mspublisher"],
        [".pwz", "application/vnd.ms-powerpoint"],
        [".qht", "text/x-html-insertion"],
        [".qhtm", "text/x-html-insertion"],
        [".qt", "video/quicktime"],
        [".qti", "image/x-quicktime"],
        [".qtif", "image/x-quicktime"],
        [".qtl", "application/x-quicktimeplayer"],
        [".qxd", "application/octet-stream"],
        [".ra", "audio/x-pn-realaudio"],
        [".ram", "audio/x-pn-realaudio"],
        [".rar", "application/octet-stream"],
        [".ras", "image/x-cmu-raster"],
        [".rat", "application/rat-file"],
        [".rc", "text/plain"],
        [".rc2", "text/plain"],
        [".rct", "text/plain"],
        [".rdlc", "application/xml"],
        [".resx", "application/xml"],
        [".rf", "image/vnd.rn-realflash"],
        [".rgb", "image/x-rgb"],
        [".rgs", "text/plain"],
        [".rm", "application/vnd.rn-realmedia"],
        [".rmi", "audio/mid"],
        [".rmp", "application/vnd.rn-rn_music_package"],
        [".roff", "application/x-troff"],
        [".rpm", "audio/x-pn-realaudio-plugin"],
        [".rqy", "text/x-ms-rqy"],
        [".rtf", "application/rtf"],
        [".rtx", "text/richtext"],
        [".ruleset", "application/xml"],
        [".s", "text/plain"],
        [".safariextz", "application/x-safari-safariextz"],
        [".scd", "application/x-msschedule"],
        [".sct", "text/scriptlet"],
        [".sd2", "audio/x-sd2"],
        [".sdp", "application/sdp"],
        [".sea", "application/octet-stream"],
        [".searchConnector-ms", "application/windows-search-connector+xml"],
        [".setpay", "application/set-payment-initiation"],
        [".setreg", "application/set-registration-initiation"],
        [".settings", "application/xml"],
        [".sgimb", "application/x-sgimb"],
        [".sgml", "text/sgml"],
        [".sh", "application/x-sh"],
        [".shar", "application/x-shar"],
        [".shtml", "text/html"],
        [".sit", "application/x-stuffit"],
        [".sitemap", "application/xml"],
        [".skin", "application/xml"],
        [".sldm", "application/vnd.ms-powerpoint.slide.macroEnabled.12"],
        [".sldx", "application/vnd.openxmlformats-officedocument.presentationml.slide"],
        [".slk", "application/vnd.ms-excel"],
        [".sln", "text/plain"],
        [".slupkg-ms", "application/x-ms-license"],
        [".smd", "audio/x-smd"],
        [".smi", "application/octet-stream"],
        [".smx", "audio/x-smd"],
        [".smz", "audio/x-smd"],
        [".snd", "audio/basic"],
        [".snippet", "application/xml"],
        [".snp", "application/octet-stream"],
        [".sol", "text/plain"],
        [".sor", "text/plain"],
        [".spc", "application/x-pkcs7-certificates"],
        [".spl", "application/futuresplash"],
        [".src", "application/x-wais-source"],
        [".srf", "text/plain"],
        [".SSISDeploymentManifest", "text/xml"],
        [".ssm", "application/streamingmedia"],
        [".sst", "application/vnd.ms-pki.certstore"],
        [".stl", "application/vnd.ms-pki.stl"],
        [".sv4cpio", "application/x-sv4cpio"],
        [".sv4crc", "application/x-sv4crc"],
        [".svc", "application/xml"],
        [".swf", "application/x-shockwave-flash"],
        [".t", "application/x-troff"],
        [".tar", "application/x-tar"],
        [".tcl", "application/x-tcl"],
        [".testrunconfig", "application/xml"],
        [".testsettings", "application/xml"],
        [".tex", "application/x-tex"],
        [".texi", "application/x-texinfo"],
        [".texinfo", "application/x-texinfo"],
        [".tgz", "application/x-compressed"],
        [".thmx", "application/vnd.ms-officetheme"],
        [".thn", "application/octet-stream"],
        [".tif", "image/tiff"],
        [".tiff", "image/tiff"],
        [".tlh", "text/plain"],
        [".tli", "text/plain"],
        [".toc", "application/octet-stream"],
        [".tr", "application/x-troff"],
        [".trm", "application/x-msterminal"],
        [".trx", "application/xml"],
        [".ts", "video/vnd.dlna.mpeg-tts"],
        [".tsv", "text/tab-separated-values"],
        [".ttf", "application/octet-stream"],
        [".tts", "video/vnd.dlna.mpeg-tts"],
        [".txt", "text/plain"],
        [".u32", "application/octet-stream"],
        [".uls", "text/iuls"],
        [".user", "text/plain"],
        [".ustar", "application/x-ustar"],
        [".vb", "text/plain"],
        [".vbdproj", "text/plain"],
        [".vbk", "video/mpeg"],
        [".vbproj", "text/plain"],
        [".vbs", "text/vbscript"],
        [".vcf", "text/x-vcard"],
        [".vcproj", "Application/xml"],
        [".vcs", "text/plain"],
        [".vcxproj", "Application/xml"],
        [".vddproj", "text/plain"],
        [".vdp", "text/plain"],
        [".vdproj", "text/plain"],
        [".vdx", "application/vnd.ms-visio.viewer"],
        [".vml", "text/xml"],
        [".vscontent", "application/xml"],
        [".vsct", "text/xml"],
        [".vsd", "application/vnd.visio"],
        [".vsi", "application/ms-vsi"],
        [".vsix", "application/vsix"],
        [".vsixlangpack", "text/xml"],
        [".vsixmanifest", "text/xml"],
        [".vsmdi", "application/xml"],
        [".vspscc", "text/plain"],
        [".vss", "application/vnd.visio"],
        [".vsscc", "text/plain"],
        [".vssettings", "text/xml"],
        [".vssscc", "text/plain"],
        [".vst", "application/vnd.visio"],
        [".vstemplate", "text/xml"],
        [".vsto", "application/x-ms-vsto"],
        [".vsw", "application/vnd.visio"],
        [".vsx", "application/vnd.visio"],
        [".vtx", "application/vnd.visio"],
        [".wav", "audio/wav"],
        [".wave", "audio/wav"],
        [".wax", "audio/x-ms-wax"],
        [".wbk", "application/msword"],
        [".wbmp", "image/vnd.wap.wbmp"],
        [".wcm", "application/vnd.ms-works"],
        [".wdb", "application/vnd.ms-works"],
        [".wdp", "image/vnd.ms-photo"],
        [".webarchive", "application/x-safari-webarchive"],
        [".webtest", "application/xml"],
        [".wiq", "application/xml"],
        [".wiz", "application/msword"],
        [".wks", "application/vnd.ms-works"],
        [".WLMP", "application/wlmoviemaker"],
        [".wlpginstall", "application/x-wlpg-detect"],
        [".wlpginstall3", "application/x-wlpg3-detect"],
        [".wm", "video/x-ms-wm"],
        [".wma", "audio/x-ms-wma"],
        [".wmd", "application/x-ms-wmd"],
        [".wmf", "application/x-msmetafile"],
        [".wml", "text/vnd.wap.wml"],
        [".wmlc", "application/vnd.wap.wmlc"],
        [".wmls", "text/vnd.wap.wmlscript"],
        [".wmlsc", "application/vnd.wap.wmlscriptc"],
        [".wmp", "video/x-ms-wmp"],
        [".wmv", "video/x-ms-wmv"],
        [".wmx", "video/x-ms-wmx"],
        [".wmz", "application/x-ms-wmz"],
        [".wpl", "application/vnd.ms-wpl"],
        [".wps", "application/vnd.ms-works"],
        [".wri", "application/x-mswrite"],
        [".wrl", "x-world/x-vrml"],
        [".wrz", "x-world/x-vrml"],
        [".wsc", "text/scriptlet"],
        [".wsdl", "text/xml"],
        [".wvx", "video/x-ms-wvx"],
        [".x", "application/directx"],
        [".xaf", "x-world/x-vrml"],
        [".xaml", "application/xaml+xml"],
        [".xap", "application/x-silverlight-app"],
        [".xbap", "application/x-ms-xbap"],
        [".xbm", "image/x-xbitmap"],
        [".xdr", "text/plain"],
        [".xht", "application/xhtml+xml"],
        [".xhtml", "application/xhtml+xml"],
        [".xla", "application/vnd.ms-excel"],
        [".xlam", "application/vnd.ms-excel.addin.macroEnabled.12"],
        [".xlc", "application/vnd.ms-excel"],
        [".xld", "application/vnd.ms-excel"],
        [".xlk", "application/vnd.ms-excel"],
        [".xll", "application/vnd.ms-excel"],
        [".xlm", "application/vnd.ms-excel"],
        [".xls", "application/vnd.ms-excel"],
        [".xlsb", "application/vnd.ms-excel.sheet.binary.macroEnabled.12"],
        [".xlsm", "application/vnd.ms-excel.sheet.macroEnabled.12"],
        [".xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
        [".xlt", "application/vnd.ms-excel"],
        [".xltm", "application/vnd.ms-excel.template.macroEnabled.12"],
        [".xltx", "application/vnd.openxmlformats-officedocument.spreadsheetml.template"],
        [".xlw", "application/vnd.ms-excel"],
        [".xml", "text/xml"],
        [".xmta", "application/xml"],
        [".xof", "x-world/x-vrml"],
        [".XOML", "text/plain"],
        [".xpm", "image/x-xpixmap"],
        [".xps", "application/vnd.ms-xpsdocument"],
        [".xrm-ms", "text/xml"],
        [".xsc", "application/xml"],
        [".xsd", "text/xml"],
        [".xsf", "text/xml"],
        [".xsl", "text/xml"],
        [".xslt", "text/xml"],
        [".xsn", "application/octet-stream"],
        [".xss", "application/xml"],
        [".xtp", "application/octet-stream"],
        [".xwd", "image/x-xwindowdump"],
        [".z", "application/x-compress"],
        [".zip", "application/x-zip-compressed"]
];

// ----------------------- End of Extensions to MIME --------- //
— उरमास रिपिंस्की
स्रोत
- मैं पीडीएफ फाइलों के साथ यह कोशिश कर रहा था। फ़ाइल डाउनलोड हो रही है लेकिन इसकी हमेशा भ्रष्ट है। कोई सुझाव? धन्यवाद
— Shrivaths कुलकर्णी
2

मेरे लिए यह क्रोम v72 में ठीक परीक्षण पर काम कर रहा है

function down_file(url,name){
var a = $("<a>")
    .attr("href", url)
    .attr("download", name)
    .appendTo("body");
a[0].click();
a.remove();
}

down_file('https://www.useotools.com/uploads/nulogo[1].png','logo.png')
— user889030
स्रोत
यह ठीक वैसा ही तरीका है जैसा कि इमेजिन ब्रेकर के उत्तर वर्षों में दिखाया गया था, लेकिन इसमें jQuery की आवश्यकता के अतिरिक्त जोड़ा गया है।
— मार्क अमेरी
1

मेरे पास FORM टैग का उपयोग करने के साथ अच्छे परिणाम आए हैं क्योंकि यह हर जगह काम करता है और आपको सर्वर पर अस्थायी रूप से फाइल बनाने की आवश्यकता नहीं है। विधि इस तरह काम करती है।

क्लाइंट साइड (पेज HTML) पर आप इस तरह एक अदृश्य रूप बनाते हैं

<form method="POST" action="/download.php" target="_blank" id="downloadForm">
    <input type="hidden" name="data" id="csv">
</form>

फिर आप इस जावास्क्रिप्ट कोड को अपने बटन में जोड़ें:

$('#button').click(function() {
     $('#csv').val('---your data---');
     $('#downloadForm').submit();
}

सर्वर-साइड पर आपके पास निम्न PHP कोड है download.php:

<?php
header('Content-Type: text/csv');
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename=out.csv');
header('Content-Transfer-Encoding: binary');
header('Connection: Keep-Alive');
header('Expires: 0');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('Pragma: public');
header('Content-Length: ' . strlen($data));

echo $_REQUEST['data'];
exit();

आप इस तरह से अपने डेटा की ज़िप फाइलें भी बना सकते हैं:

<?php

$file = tempnam("tmp", "zip");

$zip = new ZipArchive();
$zip->open($file, ZipArchive::OVERWRITE);
$zip->addFromString('test.csv', $_REQUEST['data']);
$zip->close();

header('Content-Type: application/zip');
header('Content-Length: ' . filesize($file));
header('Content-Disposition: attachment; filename="file.zip"');
readfile($file);
unlink($file);

सबसे अच्छी बात यह है कि यह आपके सर्वर पर कोई भी अवशिष्ट फाइल नहीं छोड़ता है क्योंकि सब कुछ बनाया जाता है और मक्खी पर नष्ट हो जाता है!

— supersan
स्रोत
0

30 दिसंबर 13 को हितेश द्वारा प्रस्तुत जवाब वास्तव में काम करता है। इसके लिए बस थोड़ा सा समायोजन की आवश्यकता है:

PHP फ़ाइल खुद को कॉल कर सकती है। दूसरे शब्दों में, बस saveAs.php नाम की एक फ़ाइल बनाएं, और इस कोड को इसमें डालें ...

        <a href="saveAs.php?file_source=YourDataFile.pdf">Download pdf here</a>

    <?php
        if (isset($_GET['file_source'])) {
            $fullPath = $_GET['file_source'];
            if($fullPath) {
                $fsize = filesize($fullPath);
                $path_parts = pathinfo($fullPath);
                $ext = strtolower($path_parts["extension"]);
                switch ($ext) {
                    case "pdf":
                    header("Content-Disposition: attachment; filename=\"".$path_parts["basename"]."\""); // use 'attachment' to force a download
                    header("Content-type: application/pdf"); // add here more headers for diff. extensions
                    break;
                    default;
                    header("Content-type: application/octet-stream");
                    header("Content-Disposition: filename=\"".$path_parts["basename"]."\"");
                }
                if($fsize) {//checking if file size exist
                  header("Content-length: $fsize");
                }
                readfile($fullPath);
                exit;
            }
        }
    ?>
— amger
स्रोत
0

इन कार्यों का उपयोग stacktrace.js में किया जाता है :

/**
 * Try XHR methods in order and store XHR factory.
 *
 * @return <Function> XHR function or equivalent
 */
var createXMLHTTPObject = function() {
    var xmlhttp, XMLHttpFactories = [
        function() {
            return new XMLHttpRequest();
        }, function() {
            return new ActiveXObject('Msxml2.XMLHTTP');
        }, function() {
            return new ActiveXObject('Msxml3.XMLHTTP');
        }, function() {
            return new ActiveXObject('Microsoft.XMLHTTP');
        }
    ];
    for (var i = 0; i < XMLHttpFactories.length; i++) {
        try {
            xmlhttp = XMLHttpFactories[i]();
            // Use memoization to cache the factory
            createXMLHTTPObject = XMLHttpFactories[i];
            return xmlhttp;
        } catch (e) {
        }
    }
}

/**
 * @return the text from a given URL
 */
function ajax(url) {
    var req = createXMLHTTPObject();
    if (req) {
        try {
            req.open('GET', url, false);
            req.send(null);
            return req.responseText;
        } catch (e) {
        }
    }
    return '';
}
— बीटी
स्रोत
यह ... सिर्फ XHR के लिए लगता है, फ़ाइल डाउनलोड नहीं? मैं यहाँ प्रासंगिकता नहीं देख रहा हूँ।
— मार्क अमेरी
0

मेरा सुझाव है कि आप मूसडाउन ईवेंट का उपयोग करें, जिसे क्लिक इवेंट कहा जाता है। इस तरह, ब्राउज़र क्लिक इवेंट को स्वाभाविक रूप से संभालता है, जो किसी भी कोड विचित्रता से बचता है:

(function ($) {


    // with this solution, the browser handles the download link naturally (tested in chrome and firefox)
    $(document).ready(function () {

        var url = '/private/downloads/myfile123.pdf';
        $("a#someID").on('mousedown', function () {
            $(this).attr("href", url);
        });

    });
})(jQuery);
— एक प्रकार का वृक्ष
स्रोत
0

Corbacho से एक्सेलेंट सॉल्यूशन, मैंने ओ ओआर वेरिएशन को पाने के लिए अनुकूलित किया

function downloadURL(url) {
    if( $('#idown').length ){
        $('#idown').attr('src',url);
    }else{
        $('<iframe>', { id:'idown', src:url }).hide().appendTo('body');
    }
}
— ebelendez
स्रोत
0

फ़ायरफ़ॉक्स और क्रोम परीक्षण किया गया:

var link = document.createElement('a');
link.download = 'fileName.ext'
link.href = 'http://down.serv/file.ext';

// Because firefox not executing the .click() well
// We need to create mouse event initialization.
var clickEvent = document.createEvent("MouseEvent");
clickEvent.initEvent("click", true, true);

link.dispatchEvent(clickEvent);

यह वास्तव में फ़ायरफ़ॉक्स के लिए "क्रोम" तरीका है (मैं इसे अन्य ब्राउज़रों पर परीक्षण नहीं कर रहा हूं, इसलिए कृपया संकलन के बारे में टिप्पणी छोड़ दें)

— Ifch0o1
स्रोत
0

बहुत सारी छोटी चीजें हैं जो किसी फ़ाइल को डाउनलोड करने की कोशिश करते समय हो सकती हैं। अकेले ब्राउज़रों के बीच असंगतता एक बुरा सपना है। मैं इस महान छोटे पुस्तकालय का उपयोग कर समाप्त हुआ। https://github.com/rndme/download

इसके बारे में अच्छी बात यह है कि न केवल यूआरएल बल्कि क्लाइंट साइड डेटा जिसे आप डाउनलोड करना चाहते हैं, के लिए इसका लचीला है।

  1. पाठ की पंक्ति
  2. पाठ dataURL
  3. पाठ बूँद
  4. पाठ सरणियाँ
  5. html स्ट्रिंग
  6. html बूँद
  7. अजाक्स कॉलबैक
  8. बाइनरी फाइलें
— डोनी वी।
स्रोत
-1

एंकर टैग और PHP का उपयोग करके यह किया जा सकता है, इस उत्तर की जांच करें

पीडीएफ फाइल डाउनलोड के लिए JQuery Ajax कॉल

HTML
    <a href="www.example.com/download_file.php?file_source=example.pdf">Download pdf here</a>

PHP
<?php
$fullPath = $_GET['fileSource'];
if($fullPath) {
    $fsize = filesize($fullPath);
    $path_parts = pathinfo($fullPath);
    $ext = strtolower($path_parts["extension"]);
    switch ($ext) {
        case "pdf":
        header("Content-Disposition: attachment; filename=\"".$path_parts["basename"]."\""); // use 'attachment' to force a download
        header("Content-type: application/pdf"); // add here more headers for diff. extensions
        break;
        default;
        header("Content-type: application/octet-stream");
        header("Content-Disposition: filename=\"".$path_parts["basename"]."\"");
    }
    if($fsize) {//checking if file size exist
      header("Content-length: $fsize");
    }
    readfile($fullPath);
    exit;
}
?>

मैं फ़ाइल आकार के लिए जाँच कर रहा हूँ क्योंकि यदि आप CDN क्लाउडफ्रंट से pdf लोड करते हैं, तो आप `t दस्तावेज़ का आकार प्राप्त करते हैं जो दस्तावेज़ को 0kb में डाउनलोड करने के लिए मजबूर करता है, इससे बचने के लिए मैं इस स्थिति से जाँच कर रहा हूँ

 if($fsize) {//checking if file size exist
      header("Content-length: $fsize");
    }
— हितेश
स्रोत
-1

मुझे पता है कि मुझे पार्टी के लिए देर हो रही है, लेकिन मैं अपने समाधान को साझा करना चाहूंगा जो कि ऊपर ब्रेकर के समाधान की कल्पना है। मैंने उनके समाधान का उपयोग करने की कोशिश की, क्योंकि उनका समाधान मुझे सबसे सरल और आसान लगता है। लेकिन अन्य की तरह, यह कुछ ब्राउज़रों के लिए काम नहीं किया, इसलिए मैंने jquery का उपयोग करके इस पर कुछ बदलाव किया।

आशा है कि यह वहाँ किसी की मदद कर सकता है।

function download(url) {
  var link = document.createElement("a");
  $(link).click(function(e) {
    e.preventDefault();
    window.location.href = url;
  });
  $(link).click();
}
— genki98
स्रोत
यह संपूर्ण कार्य निकाय केवल करने का एक अधूरा तरीका है window.location.href = url। आपके द्वारा बनाया गया लिंक किसी भी चीज़ के लिए उपयोग नहीं किया जाता है।
— मार्क अमेरी
-1

नोट: सभी ब्राउज़रों में समर्थित नहीं है।

मैं शुरू से href विशेषता में फ़ाइल url सेट किए बिना jquery का उपयोग करके किसी फ़ाइल को डाउनलोड करने का तरीका ढूंढ रहा था।

jQuery('<a/>', {
    id: 'downloadFile',
    href: 'http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png',
    style: 'display:hidden;',
    download: ''
}).appendTo('body');

$("#downloadFile")[0].click();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
स्निपेट का विस्तार करें

— ज़ीरो केएल
स्रोत
-1

मैं JQuery के बिना @ rakaloof के समाधान का उपयोग करता हूं (क्योंकि आपको यहां इसकी आवश्यकता नहीं है )। विचार के लिए आपका धन्यवाद! यहाँ एक वेनिला फार्म आधारित समाधान है:

const uri = 'https://upload.wikimedia.org/wikipedia/commons/b/bb/Test_ogg_mp3_48kbps.wav';
let form = document.createElement("form");
form.setAttribute('action', uri);
document.body.appendChild(form);
form.submit();
document.body.removeChild(document.body.lastElementChild);
स्निपेट का विस्तार करें

— aloisdg codidact.com पर जा रहा है
स्रोत
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.