• Tutoriais

  • Comprimir Imagem e Fazer Upload para Firebase Storage

Olá, adicionamos alguns novos blocos que possibilitam a compressão de uma imagem antes de fazer upload para o firebase storage:

Em HTML Adicione o bloco Adicionar Compressão de Imagem:
(você vai precisar de mais alguns compoentes como imagem, mas não se preocupe, suba o projeto exemplo no fim desse tutorial)

Depois em Javascript, vamos usar o bloco de Comprimir Imagem para comprimir nossa imagem.
Em Id Componente Imagem coloque o id de um compoente de imagem onde você carregou a imagem que vai ser comprimida (pode ser uma imagem de prévia)
Em Formato de Saída coloque a extensão final do arquivo. Ex: jpg
Em Qualidade coloque a qualidade desejada: Número inteiro de 0 a 100 (quanto menor o número, menor a qualidade e o tamanho da imagem).

Testei com uma imagem de 2,34MB com a qualidade em 50, o resultado foi uma imagem de saída de 437KB.
Portanto, a imagem foi comprimida em 81,27%.

Projeto Exemplo: (coloque as credenciais do seu firebase)

firebase-comprimir.zip
3kB
    2 meses depois

    Deivid, preciso pegar somente este nome da imagem em destaque, para entao poder salvar no hostoo, Admin/Upload.

    atraves dos blocos abaixo, mas acho que esta errado os blocos de requisicao, pode me auxiliar ?

      fiz assim, fui la na pasta da url e a imagem nao foi salva em uploads. quero jogar a imagem la dentro
      ali vc colocou um bloco para criar a lista eu quero somente salvar a imagem. dai fiz abixo e tb nao funcionou

        a imagem que estou puxando é cut.jpg, quero que essa imagem seja salva na pasta de destino da URL.
        como teste eu coloquei uma notificacao de texto para ver o que sai, dai deu a mensagem abaixo.

        quero a imagem salva dentro da url, como sendo cut.jpg

        FazerBem não é assim que funciona o bloco de requisição web.
        Você precisa criar uma lista com os parâmetros igual eu mostrei no post anterior.
        Precisa enviar chave e valor como parâmetro.

            No primeiro post você disse que queria salvar o nome da imagem..
            Para salvar a imagem pode usar o firebase storage e salvar a url dela no seu banco de dados.
            Ainda não fiz testes para salvar a imagem em um servidor php.

              dvdrothen bz achei que havia entendido , mas bz , vou nem usar firebase novamente pra não dá problema no iPhone. Todos iPhone agora estão ok.

                  FazerBem
                  Não vai ter problemas com iphone usando o firebase storage. Não é o mesmo que Firebase Cloud Messaging, são coisas diferentes

                    dvdrothen Ainda não fiz testes para salvar a imagem em um servidor php.

                    Segue a sugestao entao, fazer um bloco com essa função.

                      25 dias depois

                      dvdrothen "No primeiro post você disse que queria salvar o nome da imagem..
                      Para salvar a imagem pode usar o firebase storage e salvar a url dela no seu banco de dados.
                      Ainda não fiz testes para salvar a imagem em um servidor php."

                      Ainda aqui, vc ja teve tempo de fazer o teste ou aplicar um bloco para Salvar uma imagem do celular em um servidor php ?

                      Grato