É usado para ler o arquivo na memória e ler os dados no arquivo. A interface FileReader fornece uma API assíncrona que usa essa API para acessar o sistema de arquivos assíncrono no thread principal do navegador para ler os dados no arquivo. Atualmente, apenas FF3.6+e Chrome6.0+implementaram a interface FileReader.
1. O método da interface filereaderExistem 4 métodos para a interface FileReader, três dos quais são usados para ler arquivos, e o outro é usado para interromper a leitura. Independentemente do sucesso ou falha, o método não retornará aos resultados da leitura.
O método de interface filereader
| Nome do método | parâmetro | descrever |
|---|---|---|
| ReadaSbinaryString | arquivo | Leia o arquivo na codificação binária |
| Destatext | arquivo, [codificação] | Leia o arquivo como texto |
| Readasdataurl | arquivo | Leia o arquivo como DATAURL |
| abortar | (Nenhum) | Operação de leitura do terminal |
A interface FileReader contém um modelo de evento completo para capturar o estado ao ler o arquivo.
Evento da interface FileReader
| evento | descrever |
| onabort | Interromper |
| OnError | Dê errado |
| ONLOADSTART | começar |
| OnProgress | Ler |
| ONLOAD | Lido com sucesso |
| OnLoadend | Concluído, não importa se o sucesso e o fracasso |
<Script Type = Text/javascript> var resultado = document.getElementById (resultado); P> Seu navegador não suporta a interface FileReader! </p>; if (!/Image /// w+/. test (file.type)) {alerta (veja claramente, isso requer imagens!); de Data URLL Reader.readasdataurl (arquivo); } Função readasbinarystring () {var arquivo = document.getElementById (arquivo). resultado); Leitor.readastext (arquivo); > Selecione um arquivo: </etiqueta> <tipo de entrada = ID do arquivo = arquivo/> <entrada de entrada = valor do botão = Leia a imagem onclick = readaSDatarl ()/> <entrada de entrada = Valor do botão = Leia os dados binários OnClick = readaSbinaryString () /> <Tipo de entrada = Valor do botão = Leia o arquivo de texto onclick = DestaStext () /> </p> <div ID = Resultado Nome = Result> </div> ResumirO exposto é o exemplo da interface do FilleReader no HTML5 introduzido por Xiaobian para você. Muito obrigado pelo seu apoio ao site VevB Wulin!