quarta-feira, setembro 18, 2024
spot_img
InícioRamos da InformáticaDesenvolvimento Web GeralComo inserir imagem no HTML que está no Google Drive

Como inserir imagem no HTML que está no Google Drive

Aprenda como utilizar seu Google Drive ou One para inserir imagens em seu website.

O Google Drive é a plataforma de armazenamento em nuvem gratuita do Google. Parte integral de diversos apps e serviços da empresa, o Drive oferece 15 GB de espaço grátis para que o usuário guarde o que quiser nos servidores e acesse remotamente em qualquer PC ou smartphone com conexão com a Internet. Útil para liberar memória em computadores e celulares, a ferramenta também facilita o trabalho colaborativo à distância, oferece mecanismos de backup automático de dados e a possibilidade de contratação de espaço extra.

VAI GOSTAR:

Aqui na Ramos da Informática utilizamos para backups e até mesmo para a distribuição de E-Books gratuitos. E estamos iniciando o uso, já que pagamos, para imagens ao site.

Aprenda como inserir uma imagem no HTML que está no Google Drive

Nos primeiros testes as imagens vinham como IFRAMES, o que é terrível para qualquer website.
Na imagem a seguir foram realizados os seguintes passos:
Aprenda como utilizar seu Google Drive ou One para inserir imagens em seu website.
Aprenda como utilizar seu Google Drive ou One para inserir imagens em seu website.
  1.  Criada uma pasta “imagens_site”, esta pasta foi compartilhada para quem estivesse com o Link:

 

 

O mesmo foi realizado com a imagem, que retornou o link como: https://drive.google.com/file/d/1a01VPU_GmQGVJSuHyvrT5BU_Ix_LtHQT/view?usp=sharing

Se tentar inserir a imagem com <img src="https://drive.google.com/file/d/1a01VPU_GmQGVJSuHyvrT5BU_Ix_LtHQT/view?usp=sharing" /> não retornará nada.

Mas o ID da imagem é 1a01VPU_GmQGVJSuHyvrT5BU_Ix_LtHQT

Então pegando este ID e inserindo da seguinte forma:

<img  src="https://drive.google.com/uc?export=view&amp;id=1a01VPU_GmQGVJSuHyvrT5BU_Ix_LtHQT" />

Temos a imagem inserida com sucesso no HTML com sucesso e funcionando muito bem.

[GRÁTIS] Guia Completo Para Se Tornar um(a) Desenvolvedor(a) Full-Stack -Tenha em mãos este livro digital, onde irá lhe ensinar tudo sobre as principais tecnologias web e você dar o ponta-pé inicial no Universo Full-Stack!

 

VOCÊ ESTÁ NA SEÇÃO: » Desenvolvimento Web Geral

LEIA TAMBÉM:

  1. Ferramentas para trabalho remoto e desenvolvimento Front-End(Abre numa nova aba do navegador)
  2. JavaScript void(0): como corrigir o erro do seu código?(Abre numa nova aba do navegador)
  3. Google Cloud lança serviço para validadores de blockchain

O que é o Google One

O Google One é um serviço de armazenamento em nuvem que reestrutura preços e planos do ofertados pelo Google. A plataforma tem a missão de simplificar a aquisição de espaço online compartilhado por Gmail, Drive, Fotos e outros serviços, reunindo todos sob o mesmo guarda-chuva. Além disso, o recurso promete oferecer mais vantagens a assinantes, incluindo uso familiar e suporte 24 horas com especialistas.

Canva usa inteligência artificial e gera imagens a partir de textos

VEIA TAMBÉM:

Ramos da Informática
Ramos da Informáticahttps://ramosdainformatica.com.br
Ramos da Informática é um hub de comunidade sobre linguagens de programação, banco de dados, DevOps, Internet das Coisas, tecnologia da indústria 4.0, Cyber Segurança e Startups.
ARTIGOS RELACIONADOS
- Advertisment -spot_img

MAIS LIDOS

Sua assinatura não pôde ser validada.
Você fez sua assinatura com sucesso.

E-Zine Ramos da Informática

Assine o E-Zine e tenha Conteúdo Exclusivo, Concursos para assinantes, descontos exclusivos e uma área de conteúdos exclusivos só do E-zine.