HTML5 में संसाधनों को डाउनलोड करना - एक[डाउनलोड]

एरिक बिडेलमैन

अब Chrome के a एलिमेंट के लिए, एचटीएमएल स्पेसिफ़िकेशन का नया download एट्रिब्यूट इस्तेमाल किया जा सकता है. जब इसका इस्तेमाल किया जाता है, तब यह एट्रिब्यूट बताता है कि जिस रिसॉर्स के लिए इसे पॉइंट किया गया है उसे ब्राउज़र पर डाउनलोड करने के बजाय उस पर जाएं.

संसाधन डाउनलोड करें से:

उदाहरण के लिए, यहां दिए गए लिंक पर क्लिक करने से .png, href वैल्यू पर जाने के बजाय "MyGoogleLogo.png" के रूप में डाउनलोड होता है: download me. इसके लिए मार्कअप यहां दिया गया है:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

blob: यूआरएल और फ़ाइल सिस्टम: यूआरएल यूआरएल के साथ काम करते समय, a[download] का असली फ़ायदा मिलेगा. इससे उपयोगकर्ता, आपके ऐप्लिकेशन में बनाए गए या बदले गए कॉन्टेंट को डाउनलोड कर सकेंगे.

पूरा डेमो

ध्यान देने वाली एक चीज़ यह है कि ऊपर दिए गए उदाहरण में, वेबसाइट के लिए इमेज की ऑरिजिन एक ही है. अगर किसी अलग ऑरिजिन से इमेज के लिंक का इस्तेमाल किया जा रहा है, तो हो सकता है कि वह लिंक डाउनलोड करने के लिंक के बजाय, नेविगेट करने के लिंक के तौर पर काम न करे. इसकी वजह यह है कि ब्राउज़र के कई वर्शन में, क्रॉस-ऑरिजिन फ़ाइलों को डाउनलोड करने की नीति काम नहीं करती. उदाहरण के लिए, Chrome के 65 से पहले के वर्शन में, क्रॉस ऑरिजिन फ़ाइलें डाउनलोड करने की अनुमति थी और बाद के वर्शन में इसे बंद कर दिया गया था. ज़्यादा जानकारी के लिए यह पढ़ें. किसी अन्य ऑरिजिन से डाउनलोड करने के लिए, Content-Disposition हेडर का इस्तेमाल किया जा सकता है.

ब्राउज़र के लिए सहायता: सिर्फ़ मौजूदा Chrome डेव चैनल रिलीज़ (14.0.835.15+) पर यह एट्रिब्यूट काम करता है.