Member 11183217 Ответов: 4

<Img src="C:/users/john/downloads/download.png"> с моего локального диска не работает...?

привет друзья,

у меня есть немного сомнений в отношении тега img в html . на самом деле я попробовал этот же код в блокноте, там это изображение было показано идеально.

но этот же код я попробовал на своей странице проекта, например student.html страница. там я использовал этот же код, но изображение не было загружено, которое было показано в консоли . почему это изображение не загрузилось на моей странице Я дал весь код что я пробовал пожалуйста скажите мне если кто нибудь знает


Блокнот:
<html> 
<body>

<h1>hi </h1>
<h1>New Image</h1>
 <img src="C:/Users/john/Downloads/download.png" alt="" \> 


</body>

</html>


Что я уже пробовал:

this was working perfect in notepad. but not working in my project html page using this same code

4 Ответов

Рейтинг:
18

Richard Deeming

Вы указываете локальный путь для изображения. Даже если браузер разрешил вам загружать локальные файлы на вашу страницу (они этого не делают), он будет пытаться загрузить это изображение из пользователя файловая система.

Очень маловероятно, что у пользователя будет файл с тем же путем и именем файла, что и файл на вашем сервере. И даже если бы они это сделали, это не будет тот же файл.

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

Вместо этого вам нужно загрузить изображение, используя путь HTTP или HTTPS. Это может быть полный URL-адрес, абсолютный путь на текущем сайте или путь относительно текущей страницы. Например:

<!-- Full URL: -->
<img src="http://www.yoursite.com/images/download.png" alt="" />

<!-- Absolute path: -->
<img src="/images/download.png" alt="" />

<!-- Relative path: -->
<img src="../images/download.png" alt="" />

Рейтинг:
1

Stuart Jeffery

Я считаю, что вам не хватает файла:// код перед путем, поэтому он должен быть "file://c:/Users/john/Downloads/download.png"

Вы также должны убедиться, что вы хотите сделать это только временно для локального html-файла, а не для того, который где-то размещен. Гораздо лучше спроектировать страницу и поместить все изображения в нужное место, чтобы вы могли использовать ссылочное сопоставление для значений src.

Например...
Ваш сайт находится в c:\Users\John\Downloads\TestSite
Создайте подпапку images И скопируйте файл image download.png в эту папку.
Теперь вы можете установить свой тег IMG следующим образом 

<img src="/images/download.png" />

Member 11183217

привет Стюарт на самом деле я хочу сказать тебе четкие вопросы. моя задача состояла в том, чтобы загрузить и Сохранить Изображение с помощью веб-api и angulajs . ...

1. у меня есть 2 решения. один пользовательский интерфейс, еще одна-решений веб-API оба разных местах
2. я частично завершил работу с помощью server.mapPath("~/Images"). но когда я сохраню изображение, оно будет сохранено в папке проекта API, например E:\johnPlayer_API\content\Images-да.
3. Мой путь пользовательского интерфейса был похож на D:\johnPlayer_UI
4. я сохранил этот путь API изображения в БД. как получить и отобразить изображение из папки API путь к странице пользовательского интерфейса

Stuart Jeffery

Похоже, что на самом деле вам нужно написать некоторый внутренний код для процедуры загрузки, чтобы переместить файл в соответствующую папку. Как было сказано в более позднем варианте, вы не можете использовать прямые пути, если только вы не используете файл только на своем компьютере и в значительной степени только для тестирования изображений. В производственной среде вам необходимо иметь ссылки на файлы в папке, в которой находится ваш сайт.
Поскольку вы знаете, что между вашими сайтами существует 2 пути, обеспечивающих учетную запись IUSR для загружающего сайта имеет доступ к папке для другого, вы можете загружать и перемещать файлы между вашими сайтами. Если вы хотите поддерживать определенный уровень безопасности, то создайте папку Загрузки на первом веб-сайте и создайте службу windows для запуска на сервере, которая следит за этой папкой и перемещает новые файлы в папку изображений других сайтов. Это позволит сохранить безопасность сайта, в то же время давая вам решение, которое вы пытаетесь достичь, но это требует больше работы.

Рейтинг:
1

OriginalGriff

Во-первых, измените закрывающий тег на "/>" из "\>"

"Отсутствие отображения", вероятно, заключается в том, что веб-страница не запускается с вашего идентификатора пользователя, поэтому доступ к "пользователям/Джону", вероятно, запрещен. Попробуйте переместить изображение в "нейтральную" папку, которая имеет полные права доступа для всех пользователей, и это, вероятно, исправит ситуацию.

Member 11183217

Спасибо, Гифф, вообще-то я хочу задать тебе четкие вопросы. моя задача состояла в том, чтобы загрузить и Сохранить Изображение с помощью веб-api и angulajs . ...

1. у меня есть 2 решения. один пользовательский интерфейс, еще одна-решений веб-API оба разных местах
2. я частично завершил работу с помощью server.mapPath("~/Images"). но когда я сохраню изображение, оно будет сохранено в папке проекта API, например E:\johnPlayer_API\content\Images-да.
3. Мой путь пользовательского интерфейса был похож на D:\johnPlayer_UI
4. я сохранил этот путь API изображения в БД. как получить и отобразить изображение из папки API путь к странице пользовательского интерфейса

Рейтинг:
1

Member 12318492

Я перепробовал множество техник и, наконец, нашел одну из них в C# side и JS Side. Вы не можете дать физический путь к атрибуту src, но вы можете дать строку base64 в качестве тега src to Img. Давайте рассмотрим приведенный ниже пример кода C#.

<asp:Image ID="imgEvid" src="#" runat="server" Height="99px"/>


if (File.Exists(filepath)
{
byte[] imageArray = System.IO.File.ReadAllBytes(filepath);
string base64ImageRepresentation = Convert.ToBase64String(imageArray);
var val = $"data: image/png; base64,{base64ImageRepresentation}";
imgEvid.Attributes.Add("src", val);
}

Richard Deeming

Гораздо проще разместить изображение в пути, который виден в интернете, и правильно ссылаться на него, как показано в предыдущих решениях.