js 截取 URL中的文件名

最新推荐文章于 2024-12-26 16:18:20 发布
最新推荐文章于 2024-12-26 16:18:20 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML JavaScript 文章标签： JavaScript
本文介绍了一种使用JavaScript从指定URL中提取文件名的方法。通过正则表达式验证URL的有效性，并采用特定函数来解析并获取URL末尾的文件名部分。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>从指定URL中提取文件名</title>
</head>
<script language="javaScript">
function deal(myform){
var url=form1.url.value;
objExp=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?(\/\w+)*.\w{3}$/;
if(url==""){
alert("请输入URL地址!");form1.url.focus();return;
}
if(objExp.test(url)){
myform.lastUrl.value=convert(url);
}else{
alert("您输入的URL地址不合法!");form1.url.focus();return;
}
}
</script>
<script language="javaScript">
function convert(url){
url=url.replace(/(.*\/)*([^.]+).*/ig,"$2");
return url;
}
</script>


<body>
<form action="" name="form1" method="post">
<table width="461" height="216" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="513" background="/jscss/demoimg/201305/bg222.gif"><table width="340" height="202" border="0" align="right" cellpadding="0" cellspacing="0">
      <tr>
        <td height="100">&nbsp;</td>
        <td valign="middle">请输入URL地址：<br>
          <br>
          例如：http://www.baidu.com/board/index.asp<br>
          <input name="url" type="text" id="url" size="45" />
          <br></td>
      </tr>
      <tr>
        <td height="40">&nbsp;</td>
        <td valign="middle">提取的文件名：<br>        
          <br>
          <input name="lastUrl" type="text" id="lastUrl" size="30" maxlength="15" readonly="yes" /></td>
      </tr>
      
      <tr>
        <td width="50">&nbsp;</td>
        <td width="319"><input name="Button" type="button" class="btn_grey" onClick="deal(form1)" value="提取" />          </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
</body>

</html>







JavaScript通过文件地址获取文件名称
ithongchou的博客
03-12 495
使用URL对象和pathname：推荐使用，兼容性好。使用split和pop：简单直接，适合大多数场景。使用正则表达式：灵活，适合复杂场景。处理查询参数和哈希片段：确保提取的文件名是纯净的。根据你的需求选择合适的方法即可。
js获取url截取文件名或后缀名
初心
11-06 3401
【代码】js获取url截取文件名或后缀名。
js url截取文件名
LiLi_ko的专栏
01-13 1486
split()分成数组。
js截取url地址后面的文件名
weixin_30772261的博客
12-05 758
let url = response.data.stuXscg[0].fj let num = url.lastIndexOf('/')+1 let name = url.substring(num) console.log(name) indexOf: 查找某个指定的字符串在字符串中首次出现的位置（索引值），从前往后查。 lastIndexOf: 从...
JS通过网址URL获取文件名
stwood007的博客
12-26 306
例如：http://www.baidu.com/jd/taobao/filename.html 中 filename.html 部分。文件名指的是最后一个斜杠”/”后面的部分。
js截取路径中的文件名
09-24
在JavaScript中，你可以使用`URL`对象或者`path`模块来截取路径中的文件名。以下是两种常见的方式： 1. 使用`URL`对象： ```javascript const url = new URL('https://example.com/path/to/file.txt'); const ...
url传递的参数值中包含&时,url自动截断问题的解决方法
09-01
在Web开发中，URL（统一资源定位符）是用于定位互联网资源的重要工具。它由协议、主机名、路径和查询字符串组成。当我们在URL中传递参数时，通常使用问号（?）分隔主路径与查询字符串，而在查询字符串中，各个参数...
js根据文件名返回对应文件类型
weixin_43930421的博客
05-27 684
const getFileType = (filename) => { //根据文件名返回对应文件类型 let type = "unknown"; if (!filename) return type; let index = filename.lastIndexOf("."); let extension = filename.substr(index + 1); extension = extension.split('?')[0]; const typeMap = {
如果没能从URL中提取到文件名，可否用传入的文件名作为下载的文件名，代码需要如何修改？
最新发布
05-14
filename = 自动解析的URL文件名（如果有效），否则使用custom_filename 如果两者都没有，报错。 因此，代码修改如下： parsed_url = urlparse(download_url) url_path = unquote(parsed_url.path) url_filename ...
js获取url，截取url参数，截取url后文件名
weixin_33720078的博客
08-11 893
获取当前: var url = window.location.href; 百度为例： var url=window.location.href; console.info(url); http://www.jspp.cn/testbin/apptest/app-site/explore.html; split() 方法用于把一个字符串分割成字符串数组。 先用sp...
JavaScript 获取当前 URL 的文件名(不包含扩展名)
源码好优多
11-23 2309
方式一 var url = "http://community.youkuaiyun.com/Expert/PostNew.asp" fileName = url.split("//")[1].split("/") file = fileName[fileName.length-1].split(".")[0] console.log(file) 方式二 var url = "http://community.youkuaiyun.com/Expert/PostNew.asp" let file = url.substring(
如何用 JavaScript 获取当前 URL 的文件名
碌人乘凉, 黎硕 --> Aerchi.com
12-28 322
ar docUrl = document.URL; var lastPipe = docUrl.lastIndexOf( '/ '); var lastPeriod = docUrl.lastIndexOf( '. '); var fileName; if (lastPipe &lt; lastPeriod) fileName = docUrl.substr...
用JAVASCRIPT取得当前URL中的文件名
韩保红的代码库博客——记录我的学习历程
03-03 175
function urlFileName(){ var strUrl=location.href; var fileName=strUrl.substr(strUrl.lastIndexOf("/")+1); var wenhaowz=fileName.indexOf("?"); if(wenhaowz!=-1)fileName=fileName.substring(0,wenha...
js获取网页的url文件名( 例如index.aspx),js获取url的参数(例如获取 ?cid=joeylee的值),给jquery拓展方法...
04-25 322
<script type="text/javascript"> var JsRequest={ //这就是一个静态类,类里面有2个静态方法 //方法一:获取url的文件名 例如 index.html getUrlname:function(url){ //假如传进来的url是 http://www.qq.com/inde...
js获取Url中的工程路径名
刘小飞
10-19 1125
// 获取工程路径     function getProjectPath() {         var curWwwPath = window.document.location.href;         // 获取主机地址之后的目录，如： uimcardprj/share/meun.jsp         var pathName = window.document.locatio
js获取当前url的文件名和扩展名
manito_y的专栏
03-10 4058
var url = this.location.href var pos = url.lastIndexOf("/"); if(pos == -1){ pos = url.lastIndexOf("\\") } var filename = url.substr(pos +1);
从URL中获取文件名称
热门推荐
日常笔记/总结/系列知识梳理
05-10 2万+
var url = 'https://csdnimg.cn/release/phoenix/vendor/pagination/paging.css'; var filename = url.substring(url.lastIndexOf('/')+1); lastIndexOf() : 可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 str...
js——根据文件链接获取文件名——基础积累
yehaocheng520的博客
06-01 1264
js——根据文件链接获取文件名——基础积累
Js获取当前页面的文件名
chusui2725的博客
07-26 1103
//获取当前页面名称 var strUrl=window.location.href; var arrUrl=strUrl.split("/"); var strPage=arrUrl[arrUrl.length-1]; if(strPage.indexOf("?")>-1){ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值