केवल जावास्क्रिप्ट (कोई सर्वर-साइड)

Question

का उपयोग कर फ़ाइल के रूप में टेक्स्टरेरा सामग्री डाउनलोड करें। मुझे एक "डाउनलोड" बटन बनाने के लिए कहा जा रहा है जो फ़ाइल के समान पृष्ठ पर टेक्स्टरेरा की सामग्री डाउनलोड करता है, ब्राउज़र के "सेव एज़ ... "संवाद दिखा रहा है। प्रतिलिपि/पेस्ट नौकरी ठीक करेगी, लेकिन यह एक "आवश्यकता" है।

अभी, मैं केवल टेक्स्टरेरा की सामग्री को सर्वर पर पोस्ट कर रहा हूं, जो उन्हें Content-disposition: attachment पर थप्पड़ मारता है। क्या क्लाइंट-साइड जावास्क्रिप्ट के साथ ऐसा करने का कोई तरीका है?

Answer 1

संक्षिप्त उत्तर: यह सकारात्मक नहीं है। आपको इसे सर्वर पर पोस्ट करना होगा, और सर्वर से प्रतिक्रिया "सामग्री-स्वभाव: अनुलग्नक" हो सकती है।

Answer 2

आप window.location = "data:application/octet-stream,"+text को आजमा सकते हैं, लेकिन यह एक तंत्र प्रदान नहीं करता जिसके माध्यम से आप एक नाम सुझा सकते हैं, और आईई की एक अधिकतम यूआरआई की एक बहुत छोटी टोपी है जो एक समस्या हो सकती है।

Answer 3

यह एक फ्रेम बनाने, वहाँ सामग्री लिखने, तो IE में document.execCommand('saveas', ...) बुला और मोज़िला में nsIFilePicker के साथ कुछ है, लेकिन मेरा मानना ​​है कि (ब्राउज़र खुद का हिस्सा होने की तरह) है कि कुछ असाधारण विशेषाधिकार की आवश्यकता होगी के द्वारा ही संभव हो सकता है ।

Answer 4

कुछ जावास्क्रिप्ट पुस्तकालय थे जो इस तरह की चीज को छोटे एम्बेडेड एसडब्ल्यूएफ फ़ाइल के माध्यम से करते थे। उदाहरण के लिए this one।

Answer 5

मैं यहाँ एक सरल उपाय पाया: http://www.codingforums.com/archive/index.php/t-181561.html

My text area:<br /> 
<textarea rows='10' cols='80' id='myTextArea' ></textarea> 

<br /><br /> 

Download button: <br /> 
<input value='download' type='button' 
onclick='doDL(document.getElementById("myTextArea").value)' /> 


<script type='text/javascript'> 
function doDL(s){ 
    function dataUrl(data) {return "data:x-application/text," + escape(data);} 
    window.open(dataUrl(s)); 
} 
</script> 

आशा है कि यह मदद मिलेगी।

Answer 6

यह हो सकता है आप के लिए क्या देख रहे: http://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/

यह ब्राउज़र की डाउनलोड संवाद का उपयोग करता है, लेकिन अब केवल एफएफ और क्रोम, और शायद अधिक ब्राउज़रों का समर्थन करता?

---

संपादित करें:

के रूप में टिप्पणी की मैं लेख से कोड एम्बेड कर देंगे:

function saveTextAsFile() 
{ 
    var textToWrite = //Your text input; 
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'}); 
    var fileNameToSaveAs = //Your filename; 

    var downloadLink = document.createElement("a"); 
    downloadLink.download = fileNameToSaveAs; 
    downloadLink.innerHTML = "Download File"; 
    if (window.webkitURL != null) 
    { 
     // Chrome allows the link to be clicked 
     // without actually adding it to the DOM. 
     downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); 
    } 
    else 
    { 
     // Firefox requires the link to be added to the DOM 
     // before it can be clicked. 
     downloadLink.href = window.URL.createObjectURL(textFileAsBlob); 
     downloadLink.onclick = destroyClickedElement; 
     downloadLink.style.display = "none"; 
     document.body.appendChild(downloadLink); 
    } 

    downloadLink.click(); 
} 

Answer 7

बिल्कुल एचटीएमएल 5 saveAs समारोह के इस पार ब्राउज़र JavaScript का कार्यान्वयन का उपयोग संभव: https://github.com/koffsyrup/FileSaver.js

यदि आप जो करना चाहते हैं वह टेक्स्ट सहेजना है तो उपरोक्त स्क्रिप्ट काम करता है सभी ब्राउज़रों में (आईई के सभी संस्करणों सहित), कोई एसडब्ल्यूएफ आवश्यक नहीं है।