एंकर की डाउनलोड संपत्ति कुछ पृष्ठों (जीमेल) पर काम नहीं कर रही है?

Question

मैं कुछ पन्नों में इस HTML तत्व सम्मिलित करना चाहते हैं:

<a download="somedata.csv" 
    id="downloadLink" 
    href="data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333" 
> 
    Click Me 
</a> 

सभी पृष्ठों में, जब मैं प्लगइन के माध्यम से या मैन्युअल तत्वों निरीक्षक में डोम बदलने के लिए, पृष्ठ के डोम को यह तत्व शामिल करने के लिए, यह बहुत अच्छा काम करता है!
लेकिन, अगर मैं जीमेल पृष्ठों में ऐसा करता हूं, तो उत्पन्न फ़ाइल को "somedata.csv" नाम नहीं दिया गया है और एक्सटेंशन खो गया है "csv"!

मैंने स्थानीय फ़ाइल में स्थानीय फाइल में अपलोड की गई फ़ाइल में और कई बाहरी वेबसाइट पृष्ठों में यह कोशिश की, यह जीमेल पृष्ठों को छोड़कर सभी में काम करता है।

यह जीमेल पृष्ठों में क्यों काम नहीं करता है? और इसे कैसे ठीक करें?

यहाँ है समारोह:

Answer 1

जो लोग रुचि रखते हैं के लिए, मैं यह जावास्क्रिप्ट/अजाक्स का उपयोग हल, यहाँ समाधान है

var downloadDataURI = function($, options) { 
    if(!options) 
     return; 
    $.isPlainObject(options) || (options = {data: options}); 
    if(!$.browser.webkit) 
     window.location = options.data; 
    options.filename || (options.filename = "download." + options.data.split(",")[0].split(";")[0].substring(5).split("/")[1]); 
    options.url || (options.url = "http://download-data-uri.appspot.com/"); 
    $('<form method="post" action="'+options.url+'" style="display:none"><input type="hidden" name="filename" value="'+options.filename+'"/><input type="hidden" name="data" value="'+options.data+'"/></form>').submit().remove(); 
} 

और यहाँ है कि यह कैसे कॉल करने के लिए है:

downloadDataURI($, {filename: "test.csv",data:"data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333"}); 

Answer 2

JQuery के साथ क्रोम में, मैं इस दृष्टिकोण को आजमाता हूं:

var dataUri = "data:application/csv;charset=utf-8,Col1%2CCol2%2CCol3%0AVal1%2CVal2%2CVal3%0AVal11%2CVal22%2CVal33%0AVal111%2CVal222%2CVal333" 
var filename = "somedata.csv" 

$("<a download='" + filename + "' href='" + dataUri + "'></a>")[0].click(); 

मैंने एक अस्थायी लिंक बनाया और उस पर ट्रिगर क्लिक करें। लेकिन यह सुनिश्चित नहीं है कि अन्य ब्राउज़र काम करते हैं या नहीं।