HTML-тег img src не загружает общедоступное изображение из общедоступной папки драйвера Google

Я пытаюсь добавить изображение в html-документ с помощью драйвера Google. Я создал общую папку, указав параметры общего доступа «Любой, у кого есть ссылка», и добавил изображения в эту папку, используя тот же параметр общего доступа. Однако он не загружается. URL-адрес, используемый в атрибуте src, получается с помощью другого вопроса SO здесь.

<td align = "center" style = "border-collapse:collapse;width:600px">
    <img src = "https://drive.usercontent.google.com/download?id=1lHOxtnNsh88laZqNpZq8K4IA_Fpirtz9" alt = "Rathsaptami3.JPG"></td>

Я попытался изменить URL-адрес на другой адрес изображения, например изображение продукта amazon.com, и это изображение загружается. Есть ли какие-либо изменения в формате URL-адреса для загрузки изображений с диска Google?

Обратите внимание, что атрибут alignустарел уже 20 и более лет.

Rob 23.02.2024 09:21
Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
1
1
74
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

В вашей ситуации как насчет следующей модификации?

Узор 1:

<td align = "center" style = "border-collapse:collapse;width:600px">
    <iframe src = "https://drive.google.com/file/d/1lHOxtnNsh88laZqNpZq8K4IA_Fpirtz9/preview" allow = "autoplay" alt = "Rathsaptami3.JPG"></iframe></td>

Схема 2:

<td align = "center" style = "border-collapse:collapse;width:600px">
    <img src = "https://drive.google.com/thumbnail?sz=w512&id=1lHOxtnNsh88laZqNpZq8K4IA_Fpirtz9" alt = "Rathsaptami3.JPG"></td>

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