前端判断文件是否存在,并把获取到的js手动写入到head中

山为樽水为沼

已于 2023-12-05 09:11:27 修改

阅读量1.5k

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2022-04-15 10:19:26 首次发布

本文链接：https://blog.csdn.net/qq_42563079/article/details/124188685

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在Node.js环境中使用fs模块检查文件是否存在，以及在浏览器环境下利用XMLHttpRequest或ActiveXObject对象进行文件存在的网络验证。对于服务器端开发，fs模块提供了便捷的本地文件系统操作；而在客户端，通过HTTP请求来判断远程文件是否可访问。示例代码详尽展示了这两种方法的实现细节。

摘要由CSDN通过智能技术生成

用两种方式，当在模块内开发，能够使用node的fs模块进行判断，不在模块内开发时，采用XMLHttpRequest和ActiveXObject进行判断

使用fs模块

const fs = require('fs')
fs.exists(filePath, (exists) => {      
	if (exists) {
		console.log("文件已存在");
	} else {
	  console.log("文件不存在");
   }
});

使用XMLHttpRequest和ActiveXObject

如果是服务器网络地址文件，filepath 记得切换为proxy代理地址进行请求

function isExistFile(filepath){
  if(filepath == null  || filepath === ""){
    return false
  }
  let xmlhttp = null
  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//其他状态
  }
}

js手动写入到head中

function addScript(url) {
  var script = document.createElement("script")
  script.setAttribute("type", "text/javascript")
  script.setAttribute("src", url)
  document.getElementsByTagName("head")[0].appendChild(script)
}