Situação
Digamos que o usuário pode carregar um arquivo em uma página da web, que geralmente é de tamanho grande (mínimo de 80 MB, pode ser muito mais) e de um tipo específico, digamos, por exemplo , PDF.
Considerando que esses são arquivos enormes, não gostaríamos de desperdiçar largura de banda desnecessariamente carregando o arquivo apenas para perceber que o tipo do arquivo está errado. Portanto, gostaríamos de ter certeza, no lado do cliente, de que o arquivo é realmente um arquivo PDF, e somente ENTÃO enviá-lo se realmente for.
Felizmente, o formato de arquivo PDF tem um número mágico de 5 bytes , igual a 25 50 44 46 2D.
(É um exemplo , pode ser qualquer formato de arquivo, estou usando PDF como referência. O que importa é que é um formato de arquivo que você pode diferenciar com seus bytes mágicos, o que consideramos uma verificação boa o suficiente aqui. Além disso, minha pergunta pode ser relevante para outros casos, não apenas este exemplo de formato de arquivo, por favor, considere o exemplo PDF apenas como uma forma de dar um exemplo prático sobre o problema)
Daí minha pergunta: como eu leria os 5 primeiros bytes do arquivo ou, mais genericamente, os primeiros N bytes de um arquivo?
Você não gostaria de ler o arquivo inteiro, já que ele pode ser enorme e o disco rígido do cliente pode ser lento. Você só precisa ler esses cinco bytes e, somente se eles estiverem corretos, você lerá o restante do arquivo para enviá-lo ao servidor.
Se não houver uma maneira, há alguma solução alternativa ou proposta em andamento para esse recurso?
O que eu tentei
A FileReaderAPI permite ler um arquivo em um buffer de matriz (veja esta resposta e a documentação ):
let reader = new FileReader();
reader.onload = function() {
let arrayBuffer = this.result,
array = new Uint8Array(arrayBuffer),
binaryString = String.fromCharCode.apply(null, array);
console.log(binaryString);
}
reader.readAsArrayBuffer(this.files[0]);
No entanto, isso lê o arquivo inteiro.
Perguntas semelhantes que não dão solução para minha pergunta
- Você consegue ler linha por linha em javascript? A resposta aceita de depende de alguma API externa.
- Existe uma maneira de obter partes específicas de um arquivo com FileReader em JavaScript? solicitado a ler de acordo com um caractere específico repetido no arquivo, o que obviamente não era possível sem ler o arquivo inteiro primeiro
- Todas as perguntas relacionadas ao NodeJS: Estou fazendo isso em um navegador da web, qualquer proposta que não seja de navegador não é uma solução
Comentários
(Respondendo a comentários significativos aqui, já que os comentários são temporários )
O fatiamento do arquivo real em si ajuda? https://stackoverflow.com/a/24845020/1427878 – @C3roe
Ele me dá o resultado esperado, mas qual é a garantia de que ele realmente lê apenas os primeiros n bytes e não lê tudo e depois fatia? Há algum detalhe de implementação para isso nos padrões? O MDN afirma: "a new Blob object which contains data from a subset of the blob on which it's called.", o que implica que havia um blob completo para fatiar em primeiro lugar.