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()'