2015-07-14 8 views
5

इस में रिश्तेदार पथ के साथ काम नहीं कर काम कर रहा है नहीं:img टैग src

<img src="../assets/images/image.jpg" alt="Alternative Text"> 

लेकिन यह काम कर रहा है:

<img src="http://localhost/abc/def/geh/assets/images/image.jpg" alt="Alternative Text"> 

मेरी परिदृश्य में, मैं सिर्फ निरपेक्ष पथ के साथ काम नहीं कर सकते हैं। मुझे सापेक्ष पथ का उपयोग करना है।

+0

पेज इस HTML पर है का URL क्या है? –

+0

लोकलहोस्ट/asdf/asdf/asdf/asdf/index.php –

+0

'img' तत्व का निरीक्षण करें, 'src' पर right खोलें और __ खोलें छवि को नए टैब__ में खोलने के लिए जो यूआरएल प्राप्त करने का प्रयास कर रहा है उसे देखने के लिए। आप इसे कंसोल और नेटवर्क टैब में भी देख सकते हैं। – Miro

उत्तर

4

"../assets/images/image.jpg" -यह मतलब है

  1. '../' से जहां मैं अब
  2. हूँ एक निर्देशिका ऊपर जाना 'संपत्ति/फ़ोल्डर' मिल
  3. 'छवियों' फ़ोल्डर
  4. 'image.jpg' फ़ाइल ढूंढें।

यदि आपका पेज

में एक सबफ़ोल्डर में है रिश्तेदार लिंक केवल काम करेंगे कि "http://localhost/abc/def/geh/"

यदि आपके पृष्ठ के स्थान वास्तव में है

"स्थानीय होस्ट/asdf/asdf/asdf/asdf/index.php "

(जो हास्यास्पद लगता है) संपत्ति फ़ोल्डर में जाने के लिए अपेक्षाकृत आपको रूट पर सभी तरह से जाना होगा।

'../../../../abc/deh/geh/assets/images/image.jpg;

वैकल्पिक रूप से आप वास्तविक स्रोत विशेषता में यूआरएल को अधिक दोस्ताना बनाने के लिए अपने हेड टैग में बेस टैग का उपयोग कर सकते हैं।

enter image description here

छवि एक नए टैब में खुलता है तो आप यह है कि बग या विस्तार के कुछ प्रकार है:

+0

बेशक 'संपत्ति' फ़ोल्डर वास्तव में वर्तमान दस्तावेज़ से ऊपर एक निर्देशिका है। हालांकि, आप पहले व्यक्ति से पूछने के बारे में सोचने वाले पहले व्यक्ति हैं, इसलिए इसके लिए, कुडोस। –

1

मैं आप वास्तव में ऐसा नहीं किया क्या मैंने आपको बताया संदेह है इसलिए यहाँ एक स्क्रीनशॉट है करने के लिए एचटीएमएल में इसे गड़बड़ाना। यदि आपने सापेक्ष पथ को गड़बड़ कर दिया है, तो आपको 404 मिलेंगे, लेकिन आप पथ को पूर्ण रूप से देख पाएंगे। यह http://localhost/asdf/asdf/asdf/asdf/assets/assets/image.jpg किसी भी तरह से दिख सकता है, उपर्युक्त ऑपरेशन का एक स्क्रीनशॉट भेजें।

0
<img src="assets/images/image.jpg" alt="Alternative Text"> 

काम करना चाहिए। आपको छवि पथ की शुरुआत में '../' नहीं रखना चाहिए था।

संबंधित पथ बनाम निरपेक्ष पथ के बारे में बेहतर समझ के लिए, का उल्लेख this link

संबंधित मुद्दे