Как сгенерировать HTML-код href с файлами каталога
Мне нужно сгенерировать статический HTML-код href, который находится в цикле, кроме источника изображения. Изображения хранятся в одной папке. Есть ли способ с помощью javascript, как сгенерировать весь каталог и поместить имена файлов в src = "/pictures/%filename%.jpg"? Картинок много, и я не хочу связывать каждую фотографию вручную. Это будет стоить много времени. Спасибо!
Javascript является клиентским (обычно). Из соображений безопасности вы не можете сделать это напрямую с помощью javascript. Вам нужна серверная логика для получения местоположений файлов в виде списка. Затем вы можете отправить этот список клиенту, чтобы он мог делать с ним все, что захотите.
используете ли вы какие-либо инструменты для создания разметки на стороне сервера, такие как ASP.NET MVC?
технически это возможно, если включен список каталогов, но это действительно плохая идея, как говорится в комментариях выше, использовать сценарии на стороне сервера (узел, PHP, ASP и т. д.) для генерации html
Хорошо, извините за мое плохое объяснение. Я не хочу, чтобы клиентская сторона заканчивала этот цикл. Я хочу создать локальное приложение для создания src = "/ pathtopicutres" с изображениями каталога и вставить его в файл pictures.html
Возможный дубликат Получить список имен файлов в папке с Javascript
В этом сообщении перечислены только файлы. Мне нужен цикл со статическим исходным кодом html, который меняет только источник изображений
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
JavaScript не может получить доступ к файлам сервера. Вы можете использовать PHP скандир (), чтобы получить массив всех файлов в указанном каталоге. Тогда сделай
foreach ($arr as $file){
echo "<img src='/path/to/file/" . $file . "'>";
}
Это полезный ответ. Могу я поместить туда весь свой HTML-код и поместить файл. $ файл. в img src = ""? Будет ли этот код создавать исходный HTML-код для всех файлов в каталоге?
Итак, я загрузил этот php-файл на сервер:
<?php
$dir = 'best-off';
$files1 = scandir($dir);
foreach ($files1 as $file){
echo "
<div>
<span class='img-thumbnail d-block cur-pointer'>
<img alt='' src='img/best-off/thumbs/" . $file . "' class='img-fluid'>
</span>
</div>";
}
?>
затем я просмотрел исходный код в браузере и скопировал его в исходный HTML-файл. Работал как шарм. Спасибо!
У вас есть магазины ссылок в массиве?