js中如何点击一个按钮弹出一个file文件框

深谷不见幽兰 发布于 2013/12/17 14:53
阅读 5K+
收藏 0
<input type="file"  id="ff"  style="display: none" />
<input type="button" value="添加文件"onclick="document.getElementById(ff).click();" />

在ie下虽然弹出来文件框来了,但是选择文件后无法上传,其它浏览器正常,有遇到过类似问题的朋友吗

加载中
0
淘淘我的小宝宝
淘淘我的小宝宝
可以借用第三方库嘛,多的是
0
sxgkwei
sxgkwei

如果你有jquery:$('#ff').trigger("click");

这个时候,你就不需要用button了,div啊,a啊之类的都可以,随你自己方便。

当然,在file的input上,加一个onchang来表示内容改变调用什么函数就行了。

0
傲罗
傲罗
可以把file的透明度设置为0,大小调整为按钮的大小,放到按钮的上面,这样一般没问题
深谷不见幽兰
深谷不见幽兰
是的,之前一直是这样做的,但是在不同的浏览器下,尤其是ie67下file的位置不在按钮上了,所以这里才想到设置一个onclick触发file的,但是ie安全问题,这里不支持这样做
-Jw-
-Jw-
我就是这种做法
0
yuetingqian
yuetingqian
要写个form吧
0
moli
moli
安全问题。。。
0
FallenPanda
FallenPanda
用 ajaxfileupload 吧
FallenPanda
FallenPanda
input 的 onchange 事件 调用上传动作(纯属个人建议)
返回顶部
顶部