Как получить файл jpg в виде изображения с помощью URI?

Это должно быть относительно просто, но я понимаю, что на самом деле не понимаю стандартного способа сделать это. Я хочу отобразить изображение на своей веб-странице Vue, которое было обслужено инструментом DigitalOcean, с помощью href/ URI это сохранено в моей базе данных.

Если вы не знакомы с Spaces, это просто файловая система хранения, такая же, как у Amazon S3. Итак, допустим, у меня есть jpg файл сохранен, доступен по адресу

      https://mybucket.nyc3.digitaloceanspaces.com/guest/plant-image-0uEkpNfP1.jpg

Если я введу этот URI в свой браузер, браузер предложит сохранить этот файл на моем локальном компьютере. Если я так сделаю, это будет jpg - хорошо. Но на самом деле я хочу, чтобы браузер просто ОТОБРАЛ изображение.

В любом случае браузер загружает файл изображения, верно? Но почему некоторые изображения просто отображаются автоматически, а некоторые просто используются как общий файл?

Я не знаю, нужно ли это решать в том, как изображение обслуживается или как оно получается, но я пытаюсь добавить URI к тегу изображения в html моего компонента Vue, например

      <img src="https://mybucket.nyc3.digitaloceanspaces.com/guest/plant-image-0uEkpNfP1.jpg" />

Как это работает?

0 ответов

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