JS get the suffix format of a file name

vue In the project , Attachment upload has always been to upload pictures ,jpg、png、bmp Wait for the format of the picture , For preview, just use a picture preview plug-in , But some time ago , The customer needs to upload pdf、word And realize preview .

Ah … Is this H5 project , Mobile upload pdf、word file , I want to say that if you can find the corresponding file ？？？

Uploading is nothing , Just like the picture , The most I can do is upload and add a few more formats for validation , Mainly when the page preview is displayed , I need to know what file format it is （ Let the picture in the page directly display the small picture and click to enlarge ,word and pdf Page shows “ see ” Button , Click on to execute the preview pop-up ）, After all, pictures 、word、pdf Preview method is different , Different plug-ins , So I simply wrote a js To get the suffix , Use suffixes to achieve the effect I want .

Place the bottom js writes methods in

//  Get file suffix 
getFileType(val){
    
  return val.substring(val.lastIndexOf(".") + 1);
}

Used on the page

getFileType(name)

You can get the suffix , Because when I upload storage ,name What is stored is the file name + postfix form （ Such as aaa.jpg、 A high school student .pdf etc. ）, So send it directly name that will do .

Get suffix format , Can achieve the effect I want .