从指定URL中提取文件名

最新推荐文章于 2024-07-26 03:05:56 发布

转载最新推荐文章于 2024-07-26 03:05:56 发布 · 3.7k 阅读

JavaScript技术专栏收录该内容

35 篇文章

订阅专栏

通过String对象的replace()方法实现，该方法用于替换一个与正则表达式匹配的子串，该方法的替换字符串可以包含$字符
在这里插入图片描述

URL是否正确的正则表达式为：
//验证URL是否正确的正则表达式
	var urlExp = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?(\/\w+)*.\w{3}$/;

在这里插入图片描述

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function getFileName(url){
	var regExp = /(.*\/)*([^.]+).*/ig;
	url=url.replace(regExp,"$2");
	return url;
}

function check(){
	var url=document.getElementById("url").value;
	//验证URL是否正确的正则表达式
	var urlExp = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?(\/\w+)*.\w{3}$/;
	if(url==""){
		alert("请输入URL地址！");
		document.getElementById("url").focus();
		return;
	}
	if(!urlExp.test(url)){
		alert("您输入的URL地址无效！");
		document.getElementById("url").focus();
		return;
	}
	document.getElementById("filename").value=getFileName(url);
}
</script>
<body>
<fieldset class="style1"><legend>提取URL中的文件名</legend>
<form action="" id="myform">
<table align="center">
	<tr>
		<td>请输入URL地址：<font>例如：http://www.mingribook.com/index.jsp</font></td>
	</tr>
	<tr>
		<td>
			<input type="text" id="url" size="50">
		</td>
	</tr>
	<tr>
		<td>提取的文件名：</td>
	</tr>
	<tr>
		<td>
			<input type="text" id="filename">
		</td>
	</tr>
	<tr>
		<td align="center">
			<input type="button" value="提取" "check()">
		</td>
	</tr>
</table>
</form>
</fieldset>
</body>
</html>