我的代码存在一些奇怪的问题,因为它只适用于Internet Explorer 11(仅在11中测试过),并且在Firefox 25.0.1或Chrome 31中无效。
我希望我的表单可以在iframe中提交,这样我就可以在后台处理图片上传了。但是由于这个问题我没有做得太多。
这是我的代码:
<form method="post" action="/components/com_jshopping/templates/hb/product/ajax/uploadImage.php" id="uploadImageForm" enctype="multipart/form-data" target="HBUPLOADFRAME">
<input type="hidden" name="uploadImage" value="UPL">
<input type="file" name="image" id="imgUploadFile">
</form>
<iframe name="HBUPLOADFRAME" id="imgUploadFrame" src="/components/com_jshopping/templates/hb/product/ajax/uploadImage.php" height="50" width="300" style="border: 0;"></iframe>
<script type='text/javascript'>
jQuery(document).on('change', '#imgUploadFile', function() {
jQuery("#uploadImageForm").submit();
});
</script>
提前致谢!