百变鹏仔-专注前端行业精选
js获取一个文件名的后缀格式
作者:鹏仔先生日期:2021-06-10 16:48:13浏览:1980分类:JavaScript
vue项目中,附件上传一直是让上传的图片,jpg、png、bmp等格式的图片,进行预览随便用个图片预览插件就可以了,可是前段时间,客户需要让上传pdf、word并实现预览。
哎...就这H5项目,手机上传pdf、word文件,我想说前提你能找到对应文件不???
上传倒没啥,和图片一样,我最多就是上传再加几个格式效验即可,主要是显示到页面预览时,我得知道是什么文件格式(让页面中图片直接显示小图点击放大,word和pdf页面显示“查看”按钮,点击在去执行预览弹窗),毕竟图片、word、pdf预览方法不一样,插件不一样,所以就简单写了一个js去获取后缀,通过后缀来实现我想要的效果。
将下方js写到methods中
// 获取文件后缀 getFileType(val){ return val.substring(val.lastIndexOf(".") + 1); }
在页面中使用
getFileType(name)
就可以得出后缀,因为我上传存储时,name存储的就是文件名+后缀格式(如 aaa.jpg、某高中生.pdf等),所以直接传name即可。
得到后缀格式,就可以达到我想要的效果。
手机扫码访问
猜你还喜欢
- 02-22 VUE You are using the runtime-only build of Vue where the template compiler is not available. Either
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 07-13 vue中实现文件批量打包压缩下载(以及下载跨域问题分析)
- 07-08 uniapp调用地图,进行位置查询,标记定位
- 04-01 使用bat自动执行cmd命令(多个命令或单个命令)
- 11-05 js截取字符串前几位或者截取字符串后几位
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 09-26 vue给单独组建的body添加类名
- 08-12 elemtnui 表格如何修改某行文字颜色
取消回复欢迎 你 发表评论:
- 搜索
-
- 最新文章
- 随机文章
- 随机tag
暂无评论,来添加一个吧。