how to determine type of file using javascript when onload?

Question

I have certain uploaded file code as following:

<script>
var input_file = document.getElementById('txt_list');
input_file.onchange = function() {
           var file = this.files[0];
           var reader = new FileReader();
           reader.onload = function(ev) {
                //myProcesses
           };
           reader.readAsText(file);
        };
</script>

How can I add new function to determine the type of uploaded file either txt, gif, etc? and if i have to validate it, what am i supposed to do then? Thanks in advance

possible duplicate of [How can i get file extensions with javascript?](http://stackoverflow.com/questions/190852/how-can-i-get-file-extensions-with-javascript) — Aleks G, Oct 25 '12 at 09:27

Buzz · Answer 1 · 2012-10-25T05:30:57.463

2

split the filename then second part will give you file extension

 return file .split('.').pop();

so if file is name.txt this will return txt

edit-

if you only have to check the filetype

var filetype=file.split('.').pop();
if(filetype!="txt"){
return false;
}

edited Oct 25 '12 at 05:30

answered Oct 25 '12 at 05:21

Buzz

6,030
4
33
47

var file = this.files[0]; return file .split('.').pop(); – Buzz Oct 25 '12 at 05:24
ok thanks. And maybe my next question, if it's not too much, what if I have to validate it? I need .txt only, for instance. – Doni Andri Cahyono Oct 25 '12 at 05:25

score 2 · Accepted Answer · edited May 23 '17 at 10:34

2

return (/[.]/.exec(filename)) ? /[^.]+$/.exec(filename) : undefined;

or

return filename.split('.').pop();

please refer this link for more details -LINK

if u need a txt file only

save it to a variable and use a if else statement to verify it

var file=file.split('.').pop();


if (type=='txt'){
//do something
}else{
//do something
}

edited May 23 '17 at 10:34

Community

1
1

answered Oct 25 '12 at 05:26

Ghostman

6,042
9
34
53

use this var file=file.split('.').pop(); see my updated answer – Ghostman Oct 25 '12 at 05:40

score 1 · Answer 3 · answered Oct 25 '12 at 05:29

1

You could use File.type to determine the mime type and check it against valid mime types.

answered Oct 25 '12 at 05:29

Musa

96,336
17
118
137

how to determine type of file using javascript when onload?

3 Answers3