के href के रूप में डेटा उरी का उपयोग करें, मैं एक एकल फ़ाइल HTML5 एप्लिकेशन बना रहा हूं जिसमें Data Uri
के रूप में एम्बेडेड सभी छवि संसाधन हैं। इस एप्लिकेशन में एक छवि गैलरी (फैंसी बॉक्स) है जो <a>
टैग का उपयोग छवि के स्रोत के रूप में अपने पॉपअप में दिखाने के लिए करता है, जैसा कि कई अन्य करते हैं। जैसेएक टैग
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
, डेटा अपेक्षा के अनुरूप काम करता है uri साथ img
टैग की src
विशेषता की जगह फिर भी जगह a
टैग की href
एक बेस 64 बराबर के बजाय एक छवि के लिए कुछ वास्तविक पथ के साथ ऐसा नहीं करता।
क्या कोई मौजूदा भौतिक स्थान की बजाय href गुण में डेटा यूरी का उपयोग करने में सक्षम है?
उदाहरण के लिएतो (जो काम नहीं करता है)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
ऐसा लगता है कि नेविगेशन के लिए सभी ब्राउज़र समर्थन डेटा यूआरआई नहीं हैं। आईई नहीं है, [सुरक्षा कारणों का हवाला देते हुए] (http://msdn.microsoft.com/en-us/library/cc848897.aspx)। – BoltClock
इसके अतिरिक्त @ बोल्टक्लॉक टिप्पणी के लिए, fancybox यह नहीं पहचान सकता कि (बेस 64) लिंक एक छवि है, इसलिए आपको इसे निर्दिष्ट करना होगा। विकल्पों के लिए http://stackoverflow.com/a/17554660/1055987 देखें – JFK