मेरे पास जावास्क्रिप्ट में एक आईएमजी टैग है जो फ़ाइल (स्थानीय फ़ाइल) नहीं दिखा रहा है। फ़ाइल छवियों नामक फ़ोल्डर में है और जेएस फ़ाइल जिसे मैं छवि का उपयोग करने का प्रयास कर रहा हूं वह पेज नामक फ़ोल्डर में है। दोनों फ़ोल्डर एक ही निर्देशिका में हैं।

file structure

<img src='../images/img.png' alt='template'/>

इस तरह मैं टैग का उपयोग कर रहा हूं और ब्राउज़र एक अमान्य छवि पर आइकन के साथ वैकल्पिक नाम दिखा रहा है

0
Pedro Fontes 17 पद 2019, 21:27

2 जवाब

सबसे बढ़िया उत्तर

जब छवि आपके ऐप के public फ़ोल्डर में हो, तो आप सापेक्ष पथ का उपयोग कर सकते हैं, वेबपैक के माध्यम से छवि को पास करने के लिए जो भी बेहतर है, इस तरह आपको छवि को सामान्य वस्तु के रूप में आयात करने और इसे अपने घटक में उपयोग करने की आवश्यकता है .

import template from '../images/image.jpg/

// later ir your code 

<img src={template} alt="image al" />
4
Daniel Alessandro Aguilar 17 पद 2019, 18:41

यदि यह एक रिएक्ट प्रोजेक्ट है, तो आपको अपने src में इस तरह की छवि की आवश्यकता होगी:

src={ require('../images/img.png') }
0
seanulus 17 पद 2019, 18:40