Aplicando o javascript para verificar o tamanho e a extensão do arquivo
aqui está meu roteiro. O que estou tentando fazer é acioná-lo usando o evento onchange. Mas parece que não funciona muito bem. Eu tentei editar aqui e ali, mas ainda enfrentando problemas. Quanto à minha última edição abaixo, o problema é que há dois arquivos para serem enviados, mas apenas o segundo exibirá a mensagem de alerta, enquanto o primeiro apenas receberá qualquer arquivo.
<script>
function checkFile()
{
var node_list = document.getElementsByTagName('input');
for (var i = 0; i < node_list.length; i++)
{
var node = node_list[i];
if (node.getAttribute('type') == 'file')
{
var sFileName = node.value;
var sFileExtension = sFileName.split('.')[sFileName.split('.').length - 1];
var iFileSize = node.files[0].size;
var iConvert=(node.files[0].size/10485760).toFixed(2);
}
if (sFileExtension != "pdf" && sFileExtension != "doc" && sFileExtension != "docx" && iFileSize>10485760)
{
txt="File type : "+ sFileExtension+"\n\n";
txt+="Size: " + iConvert + " MB \n\n";
txt+="Please make sure your file is in pdf or doc format and less than 10 MB.\n\n";
alert(txt);
}
}
}
</script>
minha forma
<input type="file" name="file" id="confirm" onchange="checkFile()">
<input type="file" name="file" id="approveletter" onchange="checkFile()">