input file 文件上传控件隐藏后用button触发它的click事件

2009-11-09 02:06:15 10.9万阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

竞拍算法(Auction Algorithm)原理及工作过程分析因一些项目工作需要对竞拍算法进行深入了解。但百度了大部分资料都未找到一篇文章能对此算法进行较为深入的介绍。在一番努力之下，终于找打了最初提出该算法的论文，本文内容主要结合该论文对竞拍算法进行分析。竞拍算法简介竞拍算法(Auction Algorithm)是一种用于解决分配问题的分布式算法，经相关文献查询，最早由麻省理工学院信息和决策系统实验室的Bertsekas(教授？)提出 1，于1988年发表于期刊Annals of Operations Research。顾名思义，竞拍算法本质就是模拟人类拍. 阅读详情

input file 文件上传控件隐藏后用button触发它的click事件为什么文件就上传不上去了，代码

<input type="button" value="test" onclick="f.click()" class="btn_mouseout"/>
<input type="file" id="f" name="f" onchange="doChange(this);" contentEditable="false" accept="text/html" style="disable:none"/>

...全文

泰山派RK3576开发板部署Qwen3-VL-4B多模态模型实战指南：从模型转换到板端推理全流程本文提供了在泰山派RK3576开发板上部署阿里Qwen3-VL-4B多模态模型的完整实战指南。详细介绍了从环境准备、模型转换（包括视觉模型转换为.rknn格式和语言模型转换为.rkllm格式）、交叉编译到板端推理的全流程，重点讲解了如何利用RK3576的NPU进行硬件加速，实现高效的边缘AI应用。阅读详情

kbryant

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

切换为时间正序

liuguowei07 2012-10-09

打赏
举报

17楼的方法，FireFox怎么实现？
style.posTop和style.posLeft在FireFox里没有

zqqlj2004 2012-09-05

打赏
举报

我是来看17楼的！

ILAww 2012-06-10

打赏
举报

我遇到了同样的问题，想把上面的input type="file"的mouseover事件转移到下边的虚拟按钮上，不知道怎么弄，看看前辈的代码

fengshangyue 2012-02-22

打赏
举报

//js代码
function touchOffUpload(){
$('#Filedata').click();
return false;
}

//html代码
<a href="javascript:;" onclick="touchOffUpload()" id="upload_button">上传</a>
<input class="file" id="t_file"" type="file" name="Filedata" id="Filedata" />

yo010yo 2011-12-15

打赏
举报

遇到同样的问题了，看看高手怎么解决的

luyillll 2011-12-07

打赏
举报

试一试

tcx814616 2011-08-22

打赏
举报

如何解决各浏览器的兼容问题？

Isnotsuitable 2011-03-10

打赏
举报

研究下,应该还挺不错的

shubangjun 2010-08-25

打赏
举报

先试下~~

kuaiman1 2010-08-06

打赏
举报

绝对要顶

cloudgamer 2010-03-20

打赏
举报

1.指定用一个容器。
容器最好指定高和宽，并且overflow为hidden，不是块级元素的最好设display为block（为了高和宽的正确呈现）；
2.在容器里放一个file控件，并设置样式，使能触发弹出选择文件框的部分覆盖整个容器，并设置成全透明。
容器指定准确的高和宽就是为了能通过file控件中不多的能设置的样式来覆盖整个容器；
3.现在已经把容器模拟成file控件了，可以直接设置容器的样式来模拟设置file控件的样式了。

具体参考这里的file样式部分

lijing0511 2010-03-09

打赏
举报

看了半天，还是搞不明白

星尘物语 2010-03-04

打赏
举报

引用 22 楼 yjfjebj789 的回复:

确实，以前也因为这个郁闷了半天，后来才知道是IE的安全限制了

然后上网查了些资料,也像楼上那样（设file透明，然后动态生成，改变坐标），便可实现单按钮多附件上传了(跟163一样)

163 可以多选呢。怎么弄啊？

zhizunyue 2010-01-22

打赏
举报

wazdoyang 2009-12-23

打赏
举报

[Quote=引用 15 楼 warison2008 的回复:]
都说啦是ie的安全性限制，没人相信？
做样式哪个都可以做出来
关键是你提交当前form的时候，必然出现“拒绝访问的错误”。
所以楼上的，样式写的再好也是没法子
楼主需要实现的是，能修改file的样式，又能提交当前页面
，这样的方式，目前我在网上没看见过
file的样式难看就难看啦，我们好几个项目都没解决这个问题
哪个高手有更好的解决方式请贴出来，
不过别再贴样式的解决方法啦，没意思
关键是修改后能否成功的上传文件
[/Quote]

IE下可以調用file控件的 click 事件彈出選擇框並可以成功上傳，只是在火狐下才不會起效

wazdoyang 2009-12-23

打赏
举报

妈的怎么回事啊
昨天回的帖子今天在我参与的帖子里就找不到
今天这个回的帖子晚上回家又没了草你大爷 csdn

crazylaa 2009-11-27

打赏
举报

还不如自己写个上传控件

打字员 2009-11-26

打赏
举报

说实话，这个没有多大意思。。。

如果真想换的话，就这样：



<div class='file'>

	<input type="file" class="file_file" id="file" onchange="setValue()"/>

	<input type='text' class="file_txt" id='file_txt' />

	<div class="file_button"></div>

</div>



  .file{

  width:300px;height:80px;

  position:relative;

  } 

  .file_file{

  width:300px;

  filter:alpha(opacity=0);

  opacity:0;

  position:absolute;left:0px;top:0px;

  z-index:10;

  }

  .file_txt{

  width:240px;height:20px;

  text-align:left;

  border:1px #a8a8a8 solid;

  position:absolute;left:0px;top:0px;

  z-index:1;

  font-size:12px;

  white-space:nowrap;

  overflow:hidden;

  line-height:20px;

  }

  .file_button{

  width:50px;height:22px;

  background:#a8a8a8;

  position:absolute;right:0px;top:0px;

  z-index:1;

  }

不过代价过于大了，在我看来，不如不用

ChDw 2009-11-11

打赏
举报

2楼当然不可以算正确。可以像我示例代码那样，设置为透明。这样虽然和隐藏不太一样，但是界面效果是接近的

愤怒的月光 2009-11-10

打赏
举报

2楼应该是正解~~~

加载更多回复（22）

input file 文件上传控件隐藏后用button触发它的click事件

相关推荐