本来做个文件上传功能,在火狐下开发的,测试到IE8的时候出现问题, 用jquery.form.js插件.
问题:IE下程序走到
var options={
beforeSubmit: validateForm,
success : showResponse //到此未能拿到返回值
};
(success : showResponse) 没有进入showResponse 函数,action中的所有动作已经做完,并且正确返回success了.到了此处,IE8就是得不到success 的返回,或者说没进入showResponse 函数,这并不是问题,问题在于如果我将
<form method="post" id="from1" enctype="multipart/form-data" action="" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<input type="file" name="myFile" id="myFile"/>
</table>
<form>
<input type="file" name="myFile" id="myFile"/> 这个标签删掉,IE却能正确接收返回的action对象,请高手教育啊!
注:只是在IE下出现问题.
<script type="text/javascript" src="/shopNet/js/jquery.min.js"></script>
<script type="text/javascript" src="/shopNet/js/jquery.form.js"></script>
<script language="javascript">
$(document).ready(function(){
var validateForm = function() {
if ($("#myFile").val() == "") {
alert("请选择一个图片文件，再点击上传。");
return;
}
$('#upMessage').html('文件正在上传,请稍后....');
return true;
};
var showResponse = function(data,status) {
alert("IE你返回了吗?");
alert(data.stu);
uploadCallback(data.pagePath);
$('#upMessage').html('文件已保存到服务器,请关闭此窗口,然后提交才能生效');
return true;
};
var options={
url : '/shopNet/fileUploadsss.action',
beforeSubmit: validateForm,
success : showResponse,
dataType : 'json',
resetForm:true
};
$('#from1').ajaxForm(options);
function uploadCallback(pagePath){
if(null!=pagePath && ""!=pagePath){
window.returnValue=pagePath;
}
}
});
</script>
</head>
<body bgcolor="#ebf2fa">
<form method="post" id="from1" enctype="multipart/form-data" action="" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40%" height="40px" align="center">
上传图片文件
</td>
</tr>
<tr>
<td width="20%">
<input type="file" name="myFile" id="myFile"/>
<input type="submit" value="上传"/>
</td>
</tr>
</table>
<form>
<div id="upMessage" style="display:hidden"></div>
</body>
添加评论
关注(0)
相关推荐
jQuery Form Validate 1.2优化了代码结构，使其在大多数现代浏览器中都能流畅运行，包括IE8及以上的版本。同时，由于其轻量级的设计，对页面性能的影响极小。 总结，jQuery Form Validate 1.2是前端开发者进行表单...
2. **文件上传**：对于包含文件输入的表单，`jquery.form.js`提供了跨浏览器的文件上传支持，解决了IE和其他现代浏览器在处理文件上传时的兼容性问题。 3. **实时验证**：插件允许在用户填写表单时进行实时验证，...
总结来说，jQuery Form插件通过IFrame技术解决了IE8的兼容性问题，同时提供了丰富的API和事件处理，使得在各种浏览器环境下都能实现稳定、高效的文件上传功能。对于那些仍然需要支持旧版IE的项目，jQuery Form插件...
6. **跨浏览器兼容**：jQuery Form Plugin经过精心设计，能良好地在各种主流浏览器上运行，包括IE、Firefox、Chrome、Safari等。 在实际应用中，使用jQuery Form Plugin的步骤大致如下： 1. **引入jQuery和jQuery ...
在压缩包`jquery-form-0.20`中，你可能找到了该插件的源代码、文档、示例或其他资源。通过阅读文档和查看示例，你可以更好地理解和应用这个插件，解决实际项目中的表单交互需求。 总之，jQuery-form是一个功能强大...
jQuery FormLabels插件设计时考虑了跨浏览器兼容性，通常支持主流的现代浏览器，如Chrome、Firefox、Safari、Edge和IE9及以上版本。对于低版本的浏览器，可能需要额外的CSS或JavaScript支持。为了保证最佳性能，确保...
**jQuery验证码插件jquery.idcode.js详解** 验证码在网络安全中起着至关重要的作用，它可以防止自动机器人和恶意软件对网站进行未授权访问或操作。jQuery验证码插件`jquery.idcode.js`是为网页开发人员提供的一种...
在Web开发中，文件上传功能是不可或缺的一部分，而`jQuery.form`插件为开发者提供了便捷的文件上传解决方案。它结合了强大的`jQuery.js`库和`jQuery.Form.js`扩展，使文件上传变得更加简单、灵活。本篇将详细介绍...
7. **插件（Plugins）**：jQuery生态系统中有大量插件，如jQuery UI提供丰富的用户界面组件，jQPlot用于图表绘制，jQuery Form Plugin处理表单提交等。1.5.1版本时，开发者可以根据需要选择安装和使用这些插件，扩展...
jQuery插件能够帮助开发者更好地利用这些特性，例如`html5shiv`插件用于在旧版IE浏览器中支持HTML5新元素，`Modernizr`检测浏览器对HTML5和CSS3特性的支持。 2. **多媒体播放**：jQuery插件如`jQuery.media`和`...
jQuery.Form插件允许我们在选项中直接指定headers属性，然后在发送Ajax请求时携带这些头部信息。 示例代码展示了如何通过$.ajaxSubmit()方法来实现文件上传，并设置请求头。其中，url指定了服务器端接收上传文件的...
总结来说，`jquery.placeholder.js`是一个小巧而实用的jQuery插件，它解决了IE浏览器对`placeholder`属性的兼容性问题，使得无论在哪个浏览器环境下，用户都能享受到一致的用户体验。通过简单的引入和调用，以及可选...
为了确保最佳的打印效果，可能需要针对不同浏览器进行一些样式调整，尤其是对于IE的兼容性问题。 总之，jQuery PrintArea是一个强大且灵活的打印解决方案，能够帮助开发者轻松实现网页特定内容的打印功能，提升用户...
jQuery formValidator是一款强大的JavaScript表单验证插件，主要用于前端数据的实时校验，确保用户输入的数据符合特定的格式和规则，提高用户体验并减轻服务器端的压力。版本3.1是该插件的一个更新版本，可能包含了...
开发者在选择插件时需注意与所使用的jQuery版本匹配，以免出现兼容性问题。 5. **插件使用**：引入jQuery后，通过`$('selector').pluginName()`方式调用插件。例如，使用一个简单的插件`myPlugin`，只需在页面中...
在这篇文章中，讨论了在使用jquery.form插件进行AJAX提交时，IE浏览器对某些响应头信息的处理可能与其他浏览器（如Firefox和Opera）不同，从而导致提交没有反应的问题。主要知识点包括： 1. jquery.form插件：这是...
需要注意的是，在IE浏览器下可能无法完全展现所有视觉效果。 - **丰富的验证规则**：支持多种内置的验证规则，如必填项、长度限制、自定义规则等，并且可以通过AJAX进行服务器端数据验证。 #### 四、插件文件结构 ...
这款插件主要针对Webkit浏览器，但也考虑了其他主流浏览器的兼容性，使得表单在不同环境下表现一致，提高了网站的可用性和专业性。 **一、主要功能** 1. **自动填充样式**：jQuery Formalize能够为表单元素添加...
- **Simple jQuery form validation**: 简单易用的表单验证插件。 - **jQuery XAV - form validations**: 提供多种验证方式。 - **jQuery AlphaNumeric**: 限制表单输入只能为字母或数字。 - **Masked Input**: 可以...
7. **兼容性**：由于基于jQuery，jQtransForm对浏览器的兼容性非常好，可以在主流的桌面和移动浏览器上正常工作，包括Chrome、Firefox、Safari、Edge以及IE9及以上版本。 8. **响应式设计**：jQtransForm还考虑到了...