Aprenda a manipular arquivos com JavaScript (Upload e Download)

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 34

  • @Dockznnn
    @Dockznnn 29 днів тому

    Que didática incrível, irmão! 👏

  • @icarocedraz4255
    @icarocedraz4255 11 місяців тому +1

    VOCE É UM GENIO, EU TENHO UM TRABALHO PRA ENTREGAR DAQ A 1 HORA E TU ME SALVOU PARABENS PELO CONTEUDO

    • @odouglasdev
      @odouglasdev  9 місяців тому

      e ai @icarocedraz4255, obrigado! Que bom que o conteúdo ajudou você!

  • @alexiasantos6249
    @alexiasantos6249 Рік тому +2

    Muito bom cara!! valeuss. Estava tentando entender melhor sobre o fileReader gostei muito da sua explicação.

  • @Nefroclinica
    @Nefroclinica Рік тому

    Excelente conteúdo, há tempos buscando uma função em javascript pra interagir com servidor feito em Delphi, pra enviar e receber arquivos, e vou assistir os vídeos sobre funções e já assinei o seu canal. Sucesso.

    • @odouglasdev
      @odouglasdev  Рік тому

      que legal Gledston, boa sorte no projeto e obrigado!

  • @CiroPeixoto
    @CiroPeixoto Рік тому

    Muito bom Douglas! Otima didática!

  • @vinnybaggins
    @vinnybaggins Рік тому

    Cara, muito bom!
    Finalmente consegui fazer meu projeto funcionar. Já estou inscrito, parece que tem muita coisa boa.
    Só uma coisa: não seria bom chamar um remove() no link após fazer o download, pra removê-lo do DOM?

    • @odouglasdev
      @odouglasdev  Рік тому +1

      Obrigado vinny! Claro, você pode remover tranquilamente o link após realizar o download sim. Boa observação!

  • @KOLHO
    @KOLHO Рік тому

    ótimo conteúdo Douglas, obrigado por compartilhar 👍

  • @lullkaz
    @lullkaz Рік тому +2

    Gostei bastante! Também estou tentando em download de imagem, sabe me dizer como seria para ela?

    • @odouglasdev
      @odouglasdev  Рік тому

      Legal! Sim, muda muito pouca coisa, basicamente na função onde você cria o link para fazer o download do arquivo, no momento de atribuir a url ao href, você deve atribuir o src da imagem e apenas isso deve resolver. Achei sua dúvida muito interessante, vou ver se essa semana consigo gravar um vídeo demonstrando o preview da imagem e download. Obrigado pelo seu comentário.

  • @DiegoManaglia
    @DiegoManaglia Рік тому +1

    Sou bem leigo. Estou quebrando a cabeça pra criar um conversor de TXT para XLSX, sendo que o usuário faz o upload do arquivo TXT e depois retorna o arquivo XLSX transformado.
    Seu vídeo foi o que mais se aproximou do que preciso.
    Sabe se é possível fazer isso em uma aplicação simples como essa do vídeo?

    • @odouglasdev
      @odouglasdev  Рік тому

      É possível sim, porém gerar um XLSX no browser pode ser bem mais trabalhoso caso opte por fazer do zero.
      Outra opção é estudar e utilizar um pacote npm como esse: www.npmjs.com/package/xlsx.
      Se a ideia for fazer algo sem utilizar algum pacote externo, para simplificar poderia pensar em gerar um arquivo CSV, que é algo mais simples e que vai conseguir abrir no Excel também.

  • @marcusprogramador5374
    @marcusprogramador5374 Рік тому +3

    Olá, muito bom vídeo, parabéns! Mas fiquei com uma dúvida, tem como controlar onde será salvo esse arquivo? E alguma maneira de sobrescrever o arquivo se na hora de salvar o arquivo já existir?

    • @marcusprogramador5374
      @marcusprogramador5374 Рік тому +2

      O que quero fazer é como se fosse uma aplicação onde a pessoa pode subir o arquivo a ser editado, e depois poder atualizar o arquivo direto da minha aplicação. Tem alguma dica de como proceder? Desde já muito obrigado 😃

    • @odouglasdev
      @odouglasdev  Рік тому

      Olá Marcus, obrigado! Infelizmente não conseguimos controlar isso, é uma limitação (devido a questões de segurança) que o browser nos impõe.
      Mas caso você precise muito fazer isso, uma alternativa (porém bem mais trabalhosa) é desenvolver uma extensão para o chrome por exemplo, e essa extensão por sua vez se comunica com um programa (exe), também desenvolvido por você, pra aproveitar os conhecimentos de JS, você poderia criar em Node. Dessa forma a extensão se comunica com esse exe e ai sim você consegue ter um controle maior. Enfim, essa foi uma das formas que já trabalhei há alguns anos onde no projeto era preciso ter acesso a mais recursos do sistema operacional do usuário.
      Se quiser saber mais, deixo um link sobre iniciar com extensões:
      support.google.com/chrome/a/answer/2714278?hl=pt-BR
      Espero ter ajudado!

  • @jacksonfernandoprachedesba7982
    @jacksonfernandoprachedesba7982 6 місяців тому

    Muito bom o conteúdo. Obrigadão.

  • @marcusoliveiradev
    @marcusoliveiradev Рік тому +1

    Muito bom! Mas e se fosse uma imagem ao invés de texto? Teria como pré-visualizar a imagem?

    • @odouglasdev
      @odouglasdev  Рік тому

      Olá Marcus, é possível sim e com poucas mudanças no código.
      Vou deixar esse exemplo que busquei no google pra você dar uma olhada:
      codepen.io/mobifreaks/pen/AMjEKw

  • @leopoldosantiago7027
    @leopoldosantiago7027 7 місяців тому

    Ótimo video. Parabéns

  • @RobertoFranciscoSouza
    @RobertoFranciscoSouza 3 місяці тому

    Que programa começa a programação amigo tou meio perdido pois estou começando nessa área

  • @nelsonfalconi3310
    @nelsonfalconi3310 6 місяців тому

    Muito bom o video! Show! Mas estou com um problema, no meu caso adaptei o código para baixar um arquivo que tenho no meu servidor, o arquivo é renomeado da forma que deveria, porém ao baixar o arquivo tem 0 kbytes. Tem ideia do que pode estar ocorrendo?

  • @maicon484
    @maicon484 4 місяці тому

    Aula TOp

  • @launalira990
    @launalira990 Рік тому +1

    Amigo, você pode me ajudar ? Eu baixei meu arquivo de mensagens antigas do Twitter e vieram todas em JS, daí eu não consigo visualizar o nome das pessoas que enviaram porque tá tudo em código. Tem alguma maneira de eu visualizar essas mensagens de alguma outra maneira? Com o nome das pessoas, as mensagens certinho. Eu não estou conseguindo entender as mensagens e preciso provar algo muito importante que está nessas mensagens codificadas.

    • @odouglasdev
      @odouglasdev  Рік тому +1

      Olá, pra falar a verdade eu acabo não utilizando o twitter no meu dia a dia, e não sei como esses dados ficam estruturados, mas olhei no google rapidamente e você pode extrair o zip do twitter. Abrir o arquivo "Your archive.html" no seu navegador, ele deve exibir uma tela já mostrando todos seus dados, espero que isso ajude e boa sorte!

  • @giovannapaulamachadobandei3851

    onde eu encontro esse arquivo index.html ?

  • @camilla3254
    @camilla3254 Рік тому +1

    Olá, como podemos diminuir o tempo de carregamento de um site que está sendo afetado por conta de um javascript. Obrigada desde já

    • @odouglasdev
      @odouglasdev  Рік тому +1

      Olá Camila, acredito que o uso de async ou defer deve ajudar na solução do seu problema.
      Vou deixar um link onde pode obter mais informações sobre: www.w3schools.com/tags/att_script_defer.asp
      Uma outra ferramenta que pode fornecer boas dicas para melhorar a velocidade, é pagespeed.web.dev/
      Basta colocar o endereço do site e ele será analisado com um feedback de possíveis melhorias.
      Espero ter ajudado!

    • @camilla3254
      @camilla3254 Рік тому +1

      @@odouglasdev obrigada pela ajuda... Eu vou analisar suas sugestões com calma. Eu estou buscando essa informação pq no pagespeed apontou esse problema. Como não sou da área de programação, não entendo bem como proceder. Vlw 🤗🤗

  • @carolsanches3516
    @carolsanches3516 8 місяців тому

    Funciona pra pdf ou so arquivo.json?