Hoje vamos aprender como cancelar uma operação de leitura. Você vai ter a oportunidade de incrementar o projeto de galeria de imagens, incluindo um botão de cancelamento para cada arquivo lido e a possibilidade de ao clicar nele, cancelar o processo de leitura.Você vai ter contato com o manipulador de evento onabort, o evento abort e o método abort().
Chegou a hora de você aprender como é possível acompanhar o progresso de leitura de um arquivo. Nesta AULA, você terá a oportunidade de incrementar o projeto galeria de imagens, incluindo uma lógica de verificação de progresso de leitura e exibição de uma barra (progressbar) para o usuário.Você vai ter contato com os eventos loadstart, load e progress para chegarmos ao resultado esperado.
Reservei esta AULA para implementarmos o processo de leitura de cada imagem que foi selecionada, e na sequencia exibir um preview na forma de thumbnail.Reservei esta AULA para implementarmos a leitura de arquivos e exibição de preview na forma de thumbnail. Para chegarmos neste resultado, vamos usar o objeto FileReader. As peguntas a seguir serão respondidas nesta AULA: O que é o objeto FileReader? Quais são as suas propriedades, métodos e eventos? Como ler um arquivo? Como exibí-lo no formato de miniatura?Ao final da AULA, a nossa galeria de imagens já estará exibindo informações e thumbnail de cada imagem selecionada pelo usuário.
Nesta segunda AULA, vou explicar passo a passo como podemos selecionar 1 ou mais arquivos locais, acessá-los usando os objetos File e FileList e, para encerrar, vamos obter as informações básicas de cada arquivo e exibi-las na página web.
Dando continuidade a MEGA Série sobre HTML5, agora chegou a vez de falarmos sobre a File API. Qual era a forma tradicional para manipulação de arquivos? Qual a motivação por trás da criação da API? O que é a File API? Quais os principais objetos? Como faço para detectar se o File API é compatível ou não com o navegador?Todas estas perguntas serão respondidas ao longo desta primeira AULA :D