能否用js模拟用户点击了上传文件的“浏览”按钮？.click()好像只能在IE中执行。

laosan 2007-10-22 12:20:14

能否用js模拟用户点击了上传文件的“浏览”按钮？.click()好像只能在IE中执行，正确应该是什么事件。

...全文

5335 28 打赏收藏转发到动态举报

写回复

用AI写文章

28 条回复

切换为时间正序

请发表友善的回复…

发表回复

ymj110 2011-09-10

打赏
举报

[Quote=引用 23 楼 aeoluszzf 的回复:]

推荐大家搜一下这个SWFUpload
[/Quote]
这个好，顶下

chenkuikk 2010-05-22

打赏
举报

好，学习了， 3Q

tribal 2010-04-27

打赏
举报

貌似不兼容IE8。。。

empty1021 2010-03-09

打赏
举报

学习学习了，现在要用这么个功能，参考了

stlanyu 2008-08-21

打赏
举报

好，学习了，谢谢高手，即用急用

aeoluszzf 2008-03-27

打赏
举报

推荐大家搜一下这个SWFUpload

CutBug 2007-10-26

打赏
举报

路过，学习

No_Data_Found 2007-10-26

打赏
举报

呵呵我的 FF 点 "添加文件" 的 "件" 出不来选择窗口

laosan 2007-10-25

打赏
举报

是啊，模拟了也不能上传。

主要是给客户做的英文版本里面，这个按钮上是：“浏览”两个系统的字，我以为可以换掉呢。

xiaojing7 2007-10-25

打赏
举报

学习啦

littlelam 2007-10-25

打赏
举报

兼容Firefox



<!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>仿126网络硬盘上传 by littlelam</title>

</head>

<script>

var TotalFiles = 0;

function AddFiles()

{

	TotalFiles ++;

	var file=document.createElement("input"); 

	file.type = "file";

	file.id = "f"+ TotalFiles.toString();

	file.name = "files"+ TotalFiles.toString(); 

	file.hideFocus = true;

	file.size = 1;

	file.style.cssText = "cursor:pointer; width:1px; border:none; height:32px; padding:0px; margin:0px;position:absolute; opacity:0;filter:alpha(opacity=0);left:-32px !important;left:-5px;left/**/:-3px; font-size:20px;";

	file.onchange = function ()

	{

		$("s"+TotalFiles.toString()).innerHTML = $("f"+TotalFiles.toString()).value.substring($("f"+TotalFiles.toString()).value.lastIndexOf("\\")+1,$("f"+TotalFiles.toString()).value.length) + "    <span onclick=\"DelFile('"+TotalFiles.toString()+"')\" style=\"cursor:pointer;color:red\">X</span>";

		this.style.display = "none";

		AddFiles();

	};

	$("UpFilePanelHidden").appendChild(file);

	var div=document.createElement("div"); 

	div.id = "s"+ TotalFiles.toString();

	$("UpFilePanelShow").appendChild(div);



}

function $(str)

{

	return document.getElementById(str);

}

function DelFile(str)

{

	$("UpFilePanelHidden").removeChild($("f"+str));

	$("UpFilePanelShow").removeChild($("s"+str));	

}

function DelEmpty()

{

	for (var i=1;i<=TotalFiles;i++)

	{

		if ($("f"+i.toString()))

		{

			if ($("f"+i.toString()).value == "")

				$("UpFilePanelHidden").removeChild($("f"+i.toString()));

		}

			

	}

}

</script>

<body>

<FORM METHOD="post" NAME="form1" ACTION="savetofile.asp" ENCTYPE="multipart/form-data" onsubmit="DelEmpty();return true;">

<div style="width:100px; height:30px;background-image:url(http://mimg.163.com/netfolder/images/all_toolbar.gif);background-position:2px -64px; margin:6px 4px; border:1px solid #bebebe; cursor:pointer; "><a id="UpFilePanelHidden" href="javascript:void(0);" ></a></div>

<div id="UpFilePanelShow"></div><script>AddFiles();</script>

<br />

<input type="submit" name="Submit" value="提交" />

</form>

</body>

</html>

littlelam 2007-10-25

打赏
举报

仿126网络硬盘上传我试过了可以上传
如果是纯粹的click事件是没用，IE基于安全性，在onsubmit的时候会自动清空文件域的value

如能像126那样用css来控制

littlelam 2007-10-25

打赏
举报



<!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>仿126网络硬盘上传 by littlelam</title>

</head>

<script>

var TotalFiles = 0;

function AddFiles()

{

    TotalFiles ++;

    var file=document.createElement("input"); 

    file.type = "file";

    file.id = "f"+ TotalFiles.toString();

    file.name = "files"+ TotalFiles.toString(); 

    file.hideFocus = true;

    file.style.cssText = "cursor:pointer; width:1px; border:none; height:32px; padding:0px; margin:0px;position:absolute; opacity:0;filter:alpha(opacity=0);font-size:20px;";

    file.onchange = function ()

    {

        $("s"+TotalFiles.toString()).innerHTML = $("f"+TotalFiles.toString()).value.substring($("f"+TotalFiles.toString()).value.lastIndexOf("\\")+1,$("f"+TotalFiles.toString()).value.length) + "    <span onclick=\"DelFile('"+TotalFiles.toString()+"')\" style=\"cursor:pointer;color:red\">X</span>";

        this.style.display = "none";

        AddFiles();

    };

    $("UpFilePanelHidden").appendChild(file);

    var div=document.createElement("div"); 

    div.id = "s"+ TotalFiles.toString();

    $("UpFilePanelShow").appendChild(div);



}

function $(str)

{

    return document.getElementById(str);

}

function DelFile(str)

{

    $("UpFilePanelHidden").removeChild($("f"+str));

    $("UpFilePanelShow").removeChild($("s"+str));    

}

function DelEmpty()

{

    for (var i=1;i<=TotalFiles;i++)

    {

        if ($("f"+i.toString()))

        {

            if ($("f"+i.toString()).value == "")

                $("UpFilePanelHidden").removeChild($("f"+i.toString()));

        }

            

    }

}

</script>

<body>

<FORM METHOD="post" NAME="form1" ACTION="savetofile.asp" ENCTYPE="multipart/form-data" onsubmit="DelEmpty();return true;">

<div style="width:100px; height:30px;background-image:url(http://mimg.163.com/netfolder/images/all_toolbar.gif);background-position:2px -64px; margin:6px 4px; border:1px solid #bebebe; cursor:pointer; "><a id="UpFilePanelHidden" href="javascript:void(0);" ></a></div>

<div id="UpFilePanelShow"></div><script>AddFiles();</script>

<br />

<input type="submit" name="Submit" value="提交" />

</form>

</body>

</html>