2013-08-24 12 views
6
<img class="sealImage" alt="Image of Seal" src="file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg"> 

यह छवि प्रदर्शित नहीं करता है, बस alt। लेकिन अगर मैं एक ब्राउज़र मेंएचटीएमएल छवि प्रदर्शित नहीं हो रही है, जबकि src url

file:///C:/Users/Anna/Pictures/Nikon%20Transfer/SEALS%20PROJECT/j3evn.jpg 

पर जाते हैं, छवि प्रदर्शित करता है।

मैं इसे अभी विंडोज़ मशीन पर xampp पर होस्ट कर रहा हूं।

मैं विभिन्न ब्राउज़रों की कोशिश की है, और साथ और अंतरिक्ष के लिए 20% के बिना, लेकिन मुझे पता है कि के साथ सही तरीका है। (यह वास्तव में दोनों के साथ काम किया,)

और मुझे पता है छवियों केवल होगा उस मशीन पर दिखाई दे रहा है जो इसे होस्ट कर रहा है, यह कोई समस्या नहीं है।

+1

रूप @William यांग तैनात सुनिश्चित करें, कि आपकी छवि कंप्यूटर कि वेबसाइट _hosting_ है पर है। इसे अपने www फ़ोल्डर में पॉप करें, और फिर इस तरह से लिंक करें: "src = 'j3evn.jpg'" और फिर आप जाने के लिए अच्छे होंगे। – totallyuneekname

+0

ये, मेरे पास एक ही समस्या है। पूर्ण लिंक _http: //localhost/path/image.jpg ब्राउज़र में बस ठीक काम करता है, लेकिन src टैग के भीतर काम नहीं करता है: | – ymakux

उत्तर

9

आपकी फ़ाइल को अपनी www निर्देशिका के अंदर स्थित होना चाहिए। उदाहरण के लिए, यदि आप Windows पर सर्वर WAMP उपयोग कर रहे हैं, j3evn.jpg, स्थित जाना चाहिए

C:/wamp/www/img/j3evn.jpg 

और आप के माध्यम से www के लिए

<img class="sealImage" alt="Image of Seal" src="../img/j3evn.jpg"> 

देखो html में उस तक पहुँच सकते, public_html, या एचटीएमएल फ़ोल्डर आपके वेब सर्वर से संबंधित है। उस फ़ोल्डर के अंदर अपनी सभी फाइलें और संसाधन रखें।

आशा है कि इससे मदद मिलती है!

+0

तो छवियों को स्थानांतरित करने के बजाय, मैंने अभी एक सॉफ्ट लिंक बनाया है। मुझे लगता है कि ब्राउज़र होस्टेड निर्देशिका के बाहर से इसे एक्सेस कर सकता है, यह ठीक होगा। – mtfurlan

+0

@ स्कूज़बॉल नोप, आपको उन्हें स्थानांतरित करना होगा।एचटीएमएल, सीएसएस, और जावास्क्रिप्ट जैसे सभी संसाधनों को आपके xampp की www निर्देशिका के अंदर स्थित होना चाहिए। –

+0

@Scuzzball इसके बारे में सोचें क्योंकि आपका xampp www फ़ोल्डर वह फ़ोल्डर है जिसे आप दुनिया को दिखाना चाहते हैं, जबकि आपके सर्वर/कंप्यूटर पर मौजूद सभी अन्य फ़ोल्डर्स दृश्य से छिपे हुए हैं। स्पष्ट सुरक्षा कारणों से इस तरह से चीजें की जाती हैं। –

0

आप छवि को स्रोत निर्देशिका में डालने का प्रयास कर सकते हैं। आप src="../imagenamehere.fileextension के साथ फ़ाइल पथ को प्रतिस्थापित करके इसे लिंक करेंगे, अपने मामले में, j3evn.jpg।

2

यह काम नहीं करेगा क्योंकि आप "फ़ाइल: //" के साथ यूआरएल लिंक का उपयोग करते हैं। इसके बजाय आप अपनी निर्देशिका अपने HTML फ़ाइल में, उदाहरण के लिए मैच चाहिए:

कहना चलें मेरी फाइल में रखा:

C:/myuser/project/file.html 

और मेरे वांछित छवि में है:

C:/myuser/project2/image.png 

मेरे पास ऐसा करने के लिए निर्देशिका इस तरह से मिलान किया जाता है:

<img src="../project2/image.png" /> 
3

मेरी छवियाँ displa नहीं मिल रही उन्हें सही फ़ोल्डर में रखने के बाद भी, समस्या यह थी कि उनके पास सही अनुमति नहीं थी, मैंने लिखने के लिए अनुमति को बदलने की अनुमति बदल दी। मैंने chmod 777 image.png का उपयोग किया। तब सभी काम करते थे, छवियों को प्रदर्शित किया जा रहा था। :)

+0

यह मेरे लिए मुद्दा था! धन्यवाद मैं मुझे पागल कर रहा था! – ChathuraG

+0

यह मेरे साथ हो रहा है क्योंकि मैं एक लिनक्स वीएम पर तैनाती, क्रॉस प्लेटफार्म काम कर रहा हूं। मुझे लगता है कि मैं इस टिप्पणी पर 3 बार आया हूं। – Murphy4

1

मेरी समस्या सहित नहीं किया गया था ../ छवि नाम से पहले

background-image: url("../image.png"); 
संबंधित मुद्दे