这篇文章讲讲如何通过文件名来区分为上传的文件显示不同图片的方法:
第一步,根据上传文件的后缀名来判断文件格式
e.target.files[0].name.slice(e.target.files[0].name.lastIndexOf('.') + 1)
spring.lastIndexOf('.')方法返回该字符串最后一次出现在字符中的位置;
spring.slice()方法字符串返回指定位置的字符
之后就取到了最后一个.之后的所有字符,然后根据后缀来判断上传文件的格式,显示不同的图片。
第二步,根据不同的文件格式显示不同的图片
src: e.target.files[i].name.slice(e.target.files[i].name.lastIndexOf('.') + 1) == 'xls'? require('../../../../static/images/excel.png') : readList[i].result,
这里有一点需要注意的是,在JS中直接使用../../是无法识别到图片的,需配合require来导入图片,才可正常显示。