2015-04-20 5 views
0

У меня очень простой вопрос: мое изображение не загружается с помощью этого простого кода .. есть ли у вас какие-либо объяснения?изображение не загружается (HTML)

<!DOCTYPE html> 
<html> 
    <body> 
    <h2>my image</h2> 
     <img src="C:\Users\Public\Pictures\Sample Pictures\desert.jpg" alt="image"/> 
    </body> 
</html> 

Примечание: я работаю локально на компьютере с помощью WampServer

Я 100% уверен в пути (он отображает изображение, если я копировать/вставить его непосредственно в адресной строке Firefox). Я также попытался поместить изображение непосредственно в ту же папку, что и html-файл ... Я пробовал с firefox/chrome/IE без успеха.

Что-то странное, хотя: он работает, если я использую онлайн изображение ...

+1

Если вы используете сервер WAMP, вы должны «показывать» свои изображения с вашего сервера (используя http: // localhost - или что-то еще). В настоящее время вы обслуживаете их с вашего локального диска. –

+0

Возможно, это связано с пространством в вашем URL-адресе. «Образцы снимков» – robjez

+0

Предположим, вы не сделали этого, но когда вы поместили изображение в ту же папку, что и ваш html, изменили ли вы URL-адрес изображения desert.jpg из C: \ Users \ Public \ Pictures \ Sample Pictures \ desert.jpg? Aka: 'image' ' – larssy1

ответ

2

Вы должны использовать URL, в данном случае: file:///C:/Users/Public/Pictures/Sample%20Pictures/desert.jpg

+0

Thx для быстрого ответа! Но, к сожалению, он все еще не работает ... (однако он загружает изображение, когда я вставляю его непосредственно в строку url) – Arcyno

+0

любые ошибки консоли @Arcyno? – Lal

+0

неважно, что это просто сработало с этим решением .. Я не понимаю, почему это было не просто 2 миллиона назад! thx все за вашу помощь – Arcyno

0

Попробовать создать папку с именем «Project», в котором поставил ваш index.html и создайте еще одну папку с именем «изображения» и блюда, в которых ваши изображения.

как этот

<!DOCTYPE html> 
<html> 
<body> 
<h2>my image</h2> 
    <img src="images\desert.jpg"  
alt="image"/> 
    </body> 
</html> 
0

Чтобы загрузить картинку из веб-браузера, а не использовать путь с буквой диска, то лучше использовать следующий формат:

файла: /// C : \ yourpath ...

На WampServer это не сработает, потому что ваш браузер не позволит отображать локальный контент с вашего компьютера.

Для Mozilla Firefox Чтобы принять его, выполните следующие действия:

  1. перейти на "% AppData% \ Mozilla \ Firefox \ Profiles \ xxxxxxxx.default"
  2. редактировать users.js или prefs.js
  3. оных следующие строки: user_pref("capability.policy.policynames", "localfilelinks"); user_pref("capability.policy.localfilelinks.sites", "http://monserveurlocal"); user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");

Вы должны теперь быть в состоянии на Firefox, используя WAMP, чтобы увидеть из локального пути элементов.

0

Несколько тингов могут быть причиной вашей проблемы загрузки:

  1. вы используете WAMP, который является сервером, но ваш используются путем к файлу запросить файл, как если бы вы на компьютере и смотреть его в папке. Вам нужно найти файл, где веб-сервер считает, что он вместо того, где работает операционная файловая система компьютера , считает файл.
  2. Windows позволяет использовать пробелы в каталогах и именах файлов, но большинство веб-серверов этого не делают.

Предполагая, что «C: \ Users \ Public \ Pictures \», где веб-сервер WAMP считает, что общедоступные файлы доступны для обслуживания, тогда вы хотели бы создать каталог «images» и положить свой файл изображения в этом каталоге, а затем ссылайтесь на него как <img src="/images/filename.jpg alt="">