Как я могу получить отдельные URL-адреса для изображений из html следующим образом: http(s)://<hostname>/<chosenpath>/1

Я новичок в appengine и html, и мне нужна помощь. Я развернул следующий html-файл для appengine, но мне нужно получить URL-адреса для всех изображений следующим образом: http(s)://hostname/chosenpath/1 (т.е. 1 для изображения 1 и т. д.)

Любая помощь будет оценена. Спасибо

<!DOCTYPE html>
<html>
<body>




<figure1>
<img src = "https://storage.googleapis.com/ccws-cw1-bucket/e4.jpg" alt = "Glasgow city" width = "500" height = "333" title = "Glasgow City">
 <figcaption>Glasgow City located in Scotland</figcaption>
</figure1>


</figure2>
<img src = "https://storage.googleapis.com/ccws-cw1-bucket/image.jpg" alt = "Islamabad city" width = "500" height = "333" title = "Islamabad City">
 <figcaption>Islamabad City is the capital of Pakistan</figcaption>
</figure2>



</figure3>

<img src = "https://storage.googleapis.com/ccws-cw1-bucket/Istanbul.jpg" alt = "Istanbul city" width = "500" height = "333", title = "Istanbul City">
 <figcaption>Istanbul City is a city in Turkey</figcaption>
</figure3>


</body>
</html>

Это вообще недопустимый HTML.

Rob 22.03.2022 14:44
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
25
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы могли бы сделать следующее

  1. Имейте особый путь, такой как http(s)://hostname/chosenpath/img/1. Здесь img специальная папка на вашем пути

  2. Напишите обработчик маршрута для обработки любого маршрута, который заканчивается на /img/, где вы затем вручную извлекаете файл и возвращаете его пользователю. Вы также можете сделать перенаправление отсюда на URL-адрес https://storage.googleapis.com

Вы также можете сохранить указанный вами URL-адрес, но добавить код, чтобы определить, что файл, запрошенный пользователем, является файлом изображения (убедитесь, что он заканчивается на .png, jpg и т. д.), а затем вы перенаправляете пользователя на URL-адрес https://storage.googleapis.com

Другие вопросы по теме

Похожие вопросы

Показать случайное изображение с Javascript в HTML
Трудности веб-скрейпинга, URL-адрес не меняется при поиске, остается прежним, и для каждого искомого элемента нет страницы URL-адреса, остается прежним
Как сделать интерактивные флипкарты доступными для программ чтения с экрана с помощью ARIA?
Как вы можете использовать css для стилизации всех элементов <td> в таблице, когда один из элементов <td> имеет определенный класс?
Как я могу сделать пользовательский ввод нечувствительным к регистру в HTML-форме в скрипте приложений?
Изображение становится меньше, когда на него указывает мышь / HTML, CSS
Журнал консоли возвращает пустое значение при вызове переменной поля ввода
Как я могу удалить атрибут On click, используя класс «nav-item dropdown»
Цикл while для получения информации из HTML-кода в python
Как выбрать модальное окно для отображения моей формы и перенаправления на внешний URL-адрес при отправке формы?