怎么样只点击一个图标,立刻打开一个文本选择对话框,就像input的file 那样?
要求用javascript,另外这个方法还要同时适应 firefox和ie,而且客户端不需要注册任何插件或者com组件
请各位高手帮忙!感激不尽
要求用javascript,另外这个方法还要同时适应 firefox和ie,而且客户端不需要注册任何插件或者com组件
请各位高手帮忙!感激不尽
不过可以让系统点击一个隐藏的file表单来实现.<html>
<head>
<script type="text/javascript">
function openFileSelect()
{
var obj = document.getElementById('test');
obj.click();
}
</script>
</head>
<body>
<img src='xxx.gif' onclick='openFileSelect();'/>
<input type='file' name='tttt' value='' id='test' style='display:none'>
</body>
</html>
好像在ff中不能使用
<a href="javascript:upload();" >上传
<img src="img.jpgg" alt="" /></a>
<input type="hidden" name="tryfile" id="tryfile" />
<input type="file" name="upLoadFileTry" style="display:none;" id="upLoadFileTry"/>
function upload()
{
document.getElementById("tryfile").click();
document.getElementById("tryfile").value=document.getElementById("upLoadFileTry").value;
}
<span id="f1" style="position:absolute;padding-top:3; cursor:hand;font-family:宋体"><a href="##">add</a></span>
<span id="f2" onmouseover="this.scrollLeft=100" style="position:absolute;width:60;overflow:hidden;filter:alpha(opacity=0);opacity:0;-moz-opacity:0"></span>
</div>
<script language='javascript'>
var upform = document.createElement('input');
upform.type = 'file';
upform.name = 'upload[]';
upform.size = 1;
document.getElementById('f2').appendChild(upform);
</script>
这是网上找一高手的代码,呵呵,发出来.
现在最麻烦的是我是要做成插件放到WYSIWYG编辑器里面去,而且打开门本对话框,点击ok后就要将文件上传
就像163邮箱的附件添加一样!
不知道这方法可不可行
以及css样式的属性:display下面为html标签:
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function show(){
file=document.getElementById("myfile");
file.style.display="block";
}
</script>
</head><body>
<a href="javascript:show();" >上传</a>
<input type="file" id="myfile" style="display:none" /></body>
</html>