日期:2014-05-16  浏览次数:20292 次

Jquery求解,关于input file类型
<a id="uploadPic" href="JavaScript:void(0);">上传</a>
<form style ="display:none;" id="imageUpload" method="post" enctype="multipart/form-data" >
<input type="file" id="Filedata" name="Filedata" />
 </form>

小弟想实现的是点击上传标签,弹出文件选择,选择文件后直接提交上传。
因为file属性的标签太难看了。所以直接隐藏了。
  $("#uploadPic").click(function () {
 $("#Filedata").click();
 });
就可以实现点击打开并选择文件,但是麻烦的是怎么在选择文件后直接上传呢?求解。不知道在文件选择框选定文件后出发的事件该怎么写,。或者用什么方法来做这个效果。大侠们帮一下,谢谢。

------解决方案--------------------
放上一个隐藏吧,最有效了

在input获取值的同时,把路径赋值给file就好,,



不过用ajax配合就更好了
------解决方案--------------------
1、把你这个form放到一个页内帧中,在file上盖一个用来显示信息的层。

2、给你的form 一个action,file有值后提交,再action处理页把文件存到服务器端。回送页面中加js控制top帧和本帧的相关信息输出
------解决方案--------------------
<a id="uploadPic" href="JavaScript:void(0);">上传</a>
<form id=form1 name=form1 style ="display:none;" id="imageUpload" method="post" enctype="multipart/form-data" >
<input type="file" id="Filedata" name="Filedata" onchange="form1.submit();"/><input </form>

想太多了吧,用onchange不就行了



------解决方案--------------------
JScript code
onchange='javascript:document.form1.submit()'