因为accept是通过后缀名来限制打开文件的,当我们更改文件后缀名再上传保存到服务器就回显不了。
场景:
项目实现了一个文件预览器,根据文件后缀类型来判断是什么文件预览,如果是图片就打开图片预览器,如果是pdf就打开pdf预览器。但是当我们遇见一个没有后缀名的线上图片地址,就预览不了了,或者遇到一个被修改过后缀的文件,也会预览不了。
解决办法:
1.const image = new Image() image.onload = () => {}判断是否能够加载,如果可以他就是一个图片
2.根据文件的字节流来判断文件类型,可以使用file-type的npm包来判断