अगर छवि नहीं मिली तो प्लेसहोल्डर को दिखाएं [डुप्लिकेट]
मैं इस्तेमाल करने की कोशिश कर रहा था onerror
। जब भी फ़ोल्डर में छवि नहीं मिलती है तो यह एक प्लेसहोल्डर प्रदर्शित करता है। मेरा छवि पथ गतिशील है और बैकएंड से आता है। नीचे मैंने इसका उपयोग कैसे किया है।
<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">
लेकिन यह काम नहीं कर रहा है और त्रुटि दे रहा है।
जवाब
CarlosEduardoSalazarMori
इसके लिए मैं picture
टैग का उपयोग करता था , ब्राउज़र पहले स्रोत की कोशिश करेंगे, फिर दूसरे, अगर ब्राउज़र में चित्र नहीं है तो दुभाषिया img
टैग का उपयोग करेगा ।
ऐशे ही:
<picture>
<source alt="Special Days" srcset="[First Image route].jpg" type="image/jpeg">
<source alt="Special Days" srcset="[Second Image route].jpg" type="image/jpeg">
<img alt="Imagen" src="[First Image route].jpg">
</picture>