JS从指定URL中提取文件名

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

<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>