怎么用javascript做选择文件路径的效果???
类似图中点浏览弹出来选择框...注意是选择文件路径而不是选择某个文件...然后确定后把路径地址显示在上面的空白栏里!!!求高手贴代码!!...
类似图中点浏览弹出来选择框...注意是选择文件路径而不是选择某个文件...然后确定后把路径地址显示在上面的空白栏里!!!
求高手贴代码!! 展开
求高手贴代码!! 展开
3个回答
展开全部
这个应该是用FLASH做的吧,因为在HTML的DOM里没有提供实现这种功能的借口,不过你可以通过下面的代码实现这个功能:
<script>
function test(url){
var reg=/^(.*\\).*\.(?:.*)$/i;
reg.test(url);
path=RegExp.$1+"";
if(path){
alert(path);
return;
}
}
</script>
<input type="file" name="upfile" onChange="test(this.value)">
说明:
这个虽然只能选择文件,但是选择文件后获取的却是这个文件的路径,所以随便点击文件夹里某个文件就可以获取路径了
<script>
function test(url){
var reg=/^(.*\\).*\.(?:.*)$/i;
reg.test(url);
path=RegExp.$1+"";
if(path){
alert(path);
return;
}
}
</script>
<input type="file" name="upfile" onChange="test(this.value)">
说明:
这个虽然只能选择文件,但是选择文件后获取的却是这个文件的路径,所以随便点击文件夹里某个文件就可以获取路径了
参考资料: 致力于JavaScript
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YangHui</title>
<style>
#i1 {
position:absolute;
left:200px;
top:200px;
z-index:3;
}
#i2 {
position:absolute;
left:200px;
top:200px;
z-index:2;
}
</style>
</head>
<body>
<input type="file" onchange="i1.src=this.value"/><br/>
<img id="i1" src="图片路径"/>
</body>
</html>
希望对你有帮助!http://blog.sina.com.cn/yhzone
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YangHui</title>
<style>
#i1 {
position:absolute;
left:200px;
top:200px;
z-index:3;
}
#i2 {
position:absolute;
left:200px;
top:200px;
z-index:2;
}
</style>
</head>
<body>
<input type="file" onchange="i1.src=this.value"/><br/>
<img id="i1" src="图片路径"/>
</body>
</html>
希望对你有帮助!http://blog.sina.com.cn/yhzone
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没有办法选择文件夹路径,只能选取文件,然后分析文件所在文件夹路径。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询