अगर छवि नहीं मिली तो प्लेसहोल्डर को दिखाएं [डुप्लिकेट]

Aug 16 2020

मैं इस्तेमाल करने की कोशिश कर रहा था onerror। जब भी फ़ोल्डर में छवि नहीं मिलती है तो यह एक प्लेसहोल्डर प्रदर्शित करता है। मेरा छवि पथ गतिशील है और बैकएंड से आता है। नीचे मैंने इसका उपयोग कैसे किया है।

<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">

लेकिन यह काम नहीं कर रहा है और त्रुटि दे रहा है।

जवाब

CarlosEduardoSalazarMori Aug 16 2020 at 10:00

इसके लिए मैं 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>