JavaScript判断文件是否存在的实例代码
网络编程 2021-07-04 14:07www.168986.cn编程入门
这篇文章主要给大家介绍了关于JavaScript判断文件是否存在的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
一、业务场景
最近一直在做和文件上传和下载相关的开发,在涉及到下载的时候,我使用如下的方法进行下载
//获取或者赋值一个下载路径 let downUrl; //采用如下的方式可以直接下载文件 window.location.href = downUrl;
业务问题如果这个文件不存在,会出现页面跳转的情况;
比如1、刚好文件存储服务器挂机了 2、或者刚好文件存储服务器上的文件被人删除了
如上的不正常访问都会导致下载功能出现问题,对用户来说不友好的是出现页面跳转的情况
这里如果我们在下载的时候知道文件是否存在就可以很好的解决这个问题了
二、解决方案
提供两种解决思路
1.后端解决一般文件存储在文件存储服务器是有一个专门的key,看看能否单独有一个查询文件是否存在的接口,即下载前根据文件的唯一key查询一下文件是否存在,如果存在则执行下载的语句,如果不存在,给出用户对应的提示
if(){ //如果文件存在下载 }else{ //否则给出对应的提示 }
2.前端解决前端方法判断文件流是否存在
我给出的是vue里面方法的写法,供实践参考
/ 判断服务的文件是否存在 @param filepath 文件地址 @param filename @returns {Boolean} / isExistFile(filepath, filename){ if(filepath == null || filename == null || filepath === "" || filename ===""){ return false } var xmlhttp; if (window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); }else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET",filepath,false); xmlhttp.send(); if(xmlhttp.readyState === 4){ if(xmlhttp.status === 200) return true; //url存在 else if(xmlhttp.status === 404) return false; //url不存在 else return false;//其他状态 } }
后续逻辑可以自行补充,如上可以测试出文件流是否存在,如果存在我们进行下载,如果不存在那么给出对应的提示,这样就解决了文件路径不存在跳转到空白页面的情况
补充“流”是一个抽象的概念,它是对输入输出设备的一种抽象理解,在java中,对数据的输入输出操作都是以“流”的方式进行的。
我们遇到业务问题可以从前后端两个角度思考,学习分享获取新知,希望有更多的进步 ……
到此这篇关于JavaScript判断文件是否存在的文章就介绍到这了,更多相关JavaScript判断文件存在内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章希望大家以后多多支持狼蚁SEO!
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程