最近做一个全ajax的web项目,在注册提交表单时,除了其他,另外还要上传图片.
如果没有图片的上传,用jquery
$("#login-form").submit(function(event) {
/* stop form from submitting normally */
event.preventDefault();
/* Send the data using post and put the results in a div */
$.post( requestURL, {
"username": username,
"password": password
},function(data) {
//
}
});
});
便可以搞定了,现在要上传图片,,这个就不行了.google了一下,发现jquery-form-plugin这个插件不错,20kb.
具体可以参考官网: http://www.malsup.com/jquery/form/#getting-started
这里也是一个教程: http://www.web-development-blog.com/archives/jquery-form-plugin-and-php-file-uploads/
希望有用.
分享到:
相关推荐
AjaxForm可以与各种前端表单验证插件(如jQuery Validation Plugin)结合使用,确保在提交表单前数据有效。在`beforeSubmit`回调中,可以调用验证插件的验证方法,如`valid()`。 ## 六、注意事项 - 确保服务器端...
AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...
它是jQuery Form Plugin的核心代码,包含了实现异步表单提交和文件上传所需的所有功能。通过引入这个文件到你的HTML文档中,你可以轻松地启用这些高级特性。 jQuery Form Plugin的主要特点包括: 1. **异步表单...
而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富的功能,包括异步提交表单、表单验证以及实时反馈等功能。本文将详细解析jQuery Form Plugin的使用及其核心知识点。 首先,`jquery.form.js`是这...
如果你的表单只需要简单的异步提交,`$.ajaxForm()`会自动处理表单事件和序列化数据。 ```javascript $('form').ajaxForm({ url: 'your-url', success: function(response) { // 处理响应 } }); ``` 四、表单...
2. 主要功能:该插件的核心功能包括异步提交表单、文件上传、进度显示、错误处理等。它通过监听表单的submit事件,拦截默认的表单提交行为,转而使用AJAX方式进行提交,从而避免页面的刷新。 二、安装与引入 在...
《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`jquery.form.js`是jQuery的一个重要插件,它扩展了jQuery的核心功能,使得表单的异步...
jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。
除了`ajaxSubmit`,jQuery Form Plugin还提供了`ajaxForm`、`serializeArray`、`serialize`等方法,这些方法同样增强了对表单的处理能力。`ajaxForm`是用于自动绑定表单的提交事件,`serializeArray`和`serialize`...
这是jQuery Form Plugin的一个核心文件,它扩展了jQuery,使得我们可以方便地进行异步表单提交。例如,我们可以使用以下代码来实现: ```javascript $("#myForm").submit(function(event) { event.preventDefault...
`ajaxSubmit`是jQuery Form Plugin的一个核心功能,它允许我们通过AJAX方式提交表单,包括包含文件的表单。这样,用户无需刷新页面即可完成文件上传,提高了用户体验。使用`ajaxSubmit`时,需要配置相关的参数,如...
综上所述,这个项目使用了jQuery和jQuery Form Plugin来实现Ajax提交表单的功能,特别是用于处理文件上传,如头像或其他用户提交的文件。`jquery-migrate-1.2.1.js`保证了与旧代码的兼容性,而`ajax.js`包含了具体的...
通过调用`$("#formID").ajaxSubmit()`,我们可以轻松地实现Ajax提交表单,包括文件。这个插件还提供了许多自定义选项,如设置请求类型、添加验证、处理成功或失败的回调函数等。 3. **tongji.js**: "tongji"在...
- **AjaxFileUpload**: 基于Ajax技术实现的文件上传插件,可以实现无刷新上传。 - **jQUploader**: 一款轻量级的文件上传插件,易于集成,适合快速开发。 - **MultipleFileUpload plugin**: 支持同时上传多个文件...
插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够从form组件里采集信息确定如何处理表单的提交过程。两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。这让采用AJAX方式提交一个表单的...
`ajaxSubmit`是jQuery Form Plugin的一部分,它允许我们使用Ajax技术实现表单的异步提交,包括多文件上传。这种方式不仅可以提高用户体验,因为用户无需等待页面刷新,还能有效管理服务器资源,避免一次性处理大量...
在本例中,我们将使用一个jQuery插件,如`AjaxUpload`或者`jQuery Form Plugin`来处理文件上传。这些插件提供了友好的API,使我们能够方便地构建无刷新上传功能。 下面是一个基本的使用步骤: 1. **HTML结构**:...
首先,我们需要理解jQuery中的`ajaxForm`或`ajaxSubmit`方法,这两个方法是jQuery Form Plugin的一部分,可以在异步方式下提交表单,包括文件上传。这里,`index.jsp`文件可能是我们的HTML页面,其中包含用于文件...