<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();
 });
就可以实现点击打开并选择文件,但是麻烦的是怎么在选择文件后直接上传呢?求解。不知道在文件选择框选定文件后出发的事件该怎么写,。或者用什么方法来做这个效果。大侠们帮一下,谢谢。

解决方案 »

  1.   

    放上一个隐藏吧,最有效了在input获取值的同时,把路径赋值给file就好,,不过用ajax配合就更好了
      

  2.   

    1、把你这个form放到一个页内帧中,在file上盖一个用来显示信息的层。2、给你的form 一个action,file有值后提交,再action处理页把文件存到服务器端。回送页面中加js控制top帧和本帧的相关信息输出
      

  3.   

    谢谢楼上两位,我想问的是我现在能够点击,打开取得文件位置,但是我需要实现的是:在弹出框选择文件关闭时就直接submit这个form,不需要在去点击一个上传按钮,我想获取在文件选择完成后的事件,通过这个时间来完成submit。
      

  4.   

    <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不就行了
      

  5.   

    onchange='javascript:document.form1.submit()'
      

  6.   

    那你的action是直接用表单提交吗??