JS从指定URL中提取文件名

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<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="//ku.shouce.ren/files/images/201601/56a36b9e62c07.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>

​x
 
<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{

CSS代码

复制格式化注释注释颜色清空

放大

CSS代码...xxxxxxxxxx
 
​

JS代码

复制格式化注释注释清空

放大

JS代码...xxxxxxxxxx
 
​

运行代码

简介

请输入代码名称！

名称

JS从指定URL中提取文件名

分类

网站常用

描述

在网页中结合JavaScript实现从指定URL中提取文件名，这里要使用一点正则的相关技巧，判断文件名后边的扩展名，再截取网址内的“/”字符，最后得到二者之间的文件名信息，当然这种方法不是太准，但可大致说明白提取的思路原理，为下一步改...