क्या एचटीएमएल 5 फाइल एपीआई के माध्यम से एक छवि लोड करना संभव है और जावास्क्रिप्ट/jquery का उपयोग कर इसे एक सीएसएस पृष्ठभूमि-छवि बना सकता है? यदि यह संभव है, तो यह कैसे किया जाता है?एचटीएमएल 5 फ़ाइल लोड छवि पृष्ठभूमि-छवि
dronus मुझे टिप्पणी अनुभाग में इस लिंक पोस्ट करके इस सवाल का एक महान जवाब दिया: sveinbjorn.org/dataurls_css
आप सरल एक सीएसएस पृष्ठभूमि छवि के लिए छवि डेटा का उपयोग करने के लिए निम्न कार्य करने के लिए है: यह बचत होगी अपनी छवि के स्रोत डेटा के बाद आप एक नया बना सकते हैं और भरने और FileReader() का उपयोग कर डेटा के साथ इसे भरने
var imgFileData = $('#image').attr('src')
अब आप बस इस वर लेने के लिए और पृष्ठभूमि छवि यूआरएल के रूप में सेट करने के लिए है
$('#yourDiv).css({'background-image':'url(' + imgFileData + ')'});
$('#image').hide(); //optional
एक बेहतर समझ यहाँ क्या हो रहा है प्राप्त करने के लिए लिंक पढ़ें, और धन्यवाद फिर से dronus को
हो सकता है कि एक डेटा uri को लोड डेटा परिवर्तित। इसका उपयोग पृष्ठभूमि-छवि यूआरएल के रूप में किया जा सकता है। यहां उदाहरण देखें: http://sveinbjorn.org/dataurls_css – dronus
वास्तव में मदद मिली! बहुत बहुत धन्यवाद। मैं पोस्ट करूंगा कि मैंने इसे जल्द से जल्द कैसे किया, लेकिन प्रतिष्ठा प्रतिबंधों के लिए धन्यवाद, मैं इसे अगले 5 घंटों तक नहीं कर सकता –