Como inserir imagem no HTML que está no Google Drive

Chatbots com Whatsapp e Cielo integrados – Nesse curso, eu vou te mostrar como o consumidor poder realizar um pagamento por dentro do aplicativo do WhatsApp, aonde o seu cliente vai entrar numa conversa como entraria numa conversa com qualquer pessoa ou com a sua empresa, navegar entre os produtos/serviços em menus simples enviados pelo chatbot, adicionar esses produtos/serviços no carrinho de compras, e num determinado ponto do chat, um link exclusivo é enviado para o cliente preencher os dados do cartão de crédito. No final, a análise é devolvida para o Whatsapp no qual a conversa foi iniciada. Inscreva-se.

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:

Os artigos #Dev mais lidos em 2022

10 ideias que todos os desenvolvedores deveriam fazer em 2023

Mais de 300 ferramentas de Inteligência Artificial (AI) reunidas

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.

VAI GOSTAR: Como aprender a programar, um guia definitivo

Na imagem a seguir foram realizados os seguintes passos:

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

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&id=1a01VPU_GmQGVJSuHyvrT5BU_Ix_LtHQT" />

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

Recomendamos

[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:

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.