<div>Conteúdo do arquivo:</div>
<div id="filecontents">
</div>
<script>
var conteudoPrimeiroArq;
window.onload = function () {
//Verifique o suporte para o suporte da API de arquivos
if (window.File && window.FileReader && window.FileList && window.Blob) {
var arquivoSelecionado = document.getElementById('txtNick');
arquivoSelecionado.addEventListener('change', function (e) {
//Definir a extensão para o arquivo
var extensaoArquivo = /text.*/;
//Obter o objeto de arquivo
var arquivoParaLeitura = arquivoSelecionado.files[0];
//Verificação da correspondência de extensão
if (arquivoParaLeitura.type.match(extensaoArquivo)) {
//Inicialize o objeto FileReader para ler o arquivo
var fileReader = new FileReader();
Pergunta
Gustavo Marques
Boa tarde, Gostaria de uma ajuda, estou tentando colocar o conteúdo de um arquivo em um var, mas não sei como prosseguir, alguma dica?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>FileAPI HTML5</title>
<style type="text/css">
#filecontents {
border: double;
overflow-y: scroll;
height: 400px;
}
</style>
</head>
<body>
Selecione o primeiro aquivo:
<input type="file" id="txtNick" /><br />
<div>Conteúdo do arquivo:</div>
<div id="filecontents">
</div>
<script>
var conteudoPrimeiroArq;
window.onload = function () {
//Verifique o suporte para o suporte da API de arquivos
if (window.File && window.FileReader && window.FileList && window.Blob) {
var arquivoSelecionado = document.getElementById('txtNick');
arquivoSelecionado.addEventListener('change', function (e) {
//Definir a extensão para o arquivo
var extensaoArquivo = /text.*/;
//Obter o objeto de arquivo
var arquivoParaLeitura = arquivoSelecionado.files[0];
//Verificação da correspondência de extensão
if (arquivoParaLeitura.type.match(extensaoArquivo)) {
//Inicialize o objeto FileReader para ler o arquivo
var fileReader = new FileReader();
fileReader.onload = function (e) {
var conteudoArquivo = document.getElementById('filecontents');
conteudoArquivo.innerText = fileReader.result;
}
fileReader.readAsText(arquivoParaLeitura);
}
else {
alert("Por favor selecione arquivo texto");
}
}, false);
}
else {
alert("Arquivo(s) não suportado(s)");
}
}
</script>
</body>
</html>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.