无法通过jQuery输入文件的操作更改提交

我想上传一个图片点击一个div时，它在ff，铬，Safari浏览器中可以，但不能与IE一起工作，我不知道为什么？请帮帮我！谢谢。无法通过jQuery输入文件的操作更改提交

这是我的代码：

<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#photo_box').click(function() { 
       $('.upload_button').click(); 
      }); 

      $('input[name=f_img]').change(function(event) { 
       $('#frm_upload').submit(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
<div style="width:100; height: 200px; border:1px solid red;" id="photo_box">Click here</div> 
<form id="frm_upload" name="frm_img" method="post" enctype="multipart/form-data" style="position: absolute; left: -1000000px; top: -10100000px; opacity: 0;" target="ifr_img"> 
    <input type="file" class="upload_button" name="f_img"/> 
</form> 
<iframe id="ifr_img" name="ifr_img" style="width:200px; height:200px; border: 1px solid blue;"></iframe> 
</body>

来源

2012-03-13 user1265546

由于bobince解释here，这取决于版本和浏览器使用的是和IE的大多数版本不会让这种（我不知道IE9虽然）。

您可以尝试transparency technique或基于Flash的方法，如jQuery的Uploadify。

来源

2012-03-13 04:00:18 jmlnik

不，它在文件浏览中选择一个文件后不起作用。输入文件的操作“更改”正在工作，但表单未提交？虽然在ff，chrome和safari中没有问题... – user1265546 2012-03-13 04:21:10

是@ user1265546，这就是_bobince_解释：“表单实际上不会提交” – jmlnik 2012-03-13 05:56:53

无法通过jQuery输入文件的操作更改提交

回答

相关问题