javascript 中，如何点击一普通按钮（不是file），弹出文本选择框
就如同网易邮箱一样，在发邮件时，点击“添加附件”那个链接，就可以弹出文件选择器，这种效果怎么做...
就如同网易邮箱一样，在发邮件时，点击“添加附件”那个链接，就可以弹出文件选择器，这种效果怎么做
展开
5个回答
展开全部
其实只有一个办法..就是把那个input的file类型设置成透明放到按钮上面,用户看上去点按钮其实点的是file
如果用电机button后选择文件的话,虽然你可以选择文件
但是在龌龊的ie下是不能上传的...会报拒绝访问的错
有安全限制的
哎...别的浏览器除了Opera都可以用file.click()调用选择文件(已测试最新浏览器)
就透明了放在按钮上面吧,听我的没错..那时候我研究了半天...
网易...
网易是判断浏览器的
IE用的是flash
别的就直接用click弹出来的
如果用电机button后选择文件的话,虽然你可以选择文件
但是在龌龊的ie下是不能上传的...会报拒绝访问的错
有安全限制的
哎...别的浏览器除了Opera都可以用file.click()调用选择文件(已测试最新浏览器)
就透明了放在按钮上面吧,听我的没错..那时候我研究了半天...
网易...
网易是判断浏览器的
IE用的是flash
别的就直接用click弹出来的
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
就我知道的有两种方法：
1，一个FILE一个普通按钮，FILE隐藏再用普通按钮触发FILE的点击事件让FILE窗弹出来。
2，IE下用new ActiveXObject( "mscomdlg.commondialog");
例：var fd = new ActiveXObject("mscomdlg.commondialog");
fd.filter = "pic files(*.jpg,*.bmp)|*.jpg,*.bmp";
fd.filterIndex = 2;
fd.maxFileSize = 128;
fd.showOpen();
至于在其它浏览器里面如何调用COM接口我觉的应该不可能吧。因为COM是IE的专利。。。
所以建议还是用第一种方法吧。毕竟是浏览器兼容的。
1，一个FILE一个普通按钮，FILE隐藏再用普通按钮触发FILE的点击事件让FILE窗弹出来。
2，IE下用new ActiveXObject( "mscomdlg.commondialog");
例：var fd = new ActiveXObject("mscomdlg.commondialog");
fd.filter = "pic files(*.jpg,*.bmp)|*.jpg,*.bmp";
fd.filterIndex = 2;
fd.maxFileSize = 128;
fd.showOpen();
至于在其它浏览器里面如何调用COM接口我觉的应该不可能吧。因为COM是IE的专利。。。
所以建议还是用第一种方法吧。毕竟是浏览器兼容的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>小例子</title>
<script type="text/JavaScript">
//以下是select选择框js控制代码
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<script language="javascript">
<!--
function change(){
document.getElementById("sel").style.display="block";
}
-->
</script>
</head>
<body>
<select id="sel" style="width:100px; display:none;" name="menu1" onchange="MM_jumpMenu('parent',this,0)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br>
<input type="button" name="Submit" onClick="change()" value="提交">
</body>
</html>
<head>
<title>小例子</title>
<script type="text/JavaScript">
//以下是select选择框js控制代码
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<script language="javascript">
<!--
function change(){
document.getElementById("sel").style.display="block";
}
-->
</script>
</head>
<body>
<select id="sel" style="width:100px; display:none;" name="menu1" onchange="MM_jumpMenu('parent',this,0)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br>
<input type="button" name="Submit" onClick="change()" value="提交">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select>
<option>dd</option>
</select>
<option>dd</option>
</select>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
高手如云啊 楼上那些都回答了 就不用我啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
