项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。 代码如下 使用方法如下 <script type="text/javascript"> $(function () { var button = $(#upload); new AjaxUpload(button, { action: /upload/imagesAjaxUpload, name: upload, onSubmit: function (file, ext) { if (!(ext && /^(jpg|jpeg|JPG|JPEG)$/.test(ext))) { alert(图片格式不正确,请选择 jpg 格式的文件...
由于项目需求在上传头像是需要使用异步上传文件，在上传的过程中需要对文件进行校验：规则如下：宽度和高 度大于200，宽高比要小于2，大小小于2M。我这里使用的是AjaxFileUploader这个组件，服务器使用Struts处理文件。实例：<form action="" id="imageForm" enctype="multipart/form-data" method="POST"> <input type="file" name="userPhoto" id="userPhoto"> <input type="button" value="上传" id="shangchuan"> </form> 这...
前端时间写项目用到了ajaxForm这个插件，可以用它提交表单和上传图片，听起来和正常的form表单提交没什么区别，只不过是ajax提交，无需刷新页面，如此可以增加用户体验度。 引入两个文件，PS：必须 <script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery.form.min.js"></script>使用方法如下： html代码...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201701/yuanma/ajaxfileupload(jb51.net).rarAjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。 当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。 ...
Ajax 提交插件 form.js 表单的下载地址：官方网站：http://malsup.com/jquery/form/ form.js 插件有两个核心方法：ajaxForm()和ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进行的功能。 //ajaxForm 提交方式 $(#reg).ajaxForm(function () {alert(提交成功！); });使用ajaxForm()方法，会直接实现ajax 提交。自动阻止了默认行为，而它提交的 默认页面是form 控件的action 属性的值。提交的方式是method 属性的值。 ...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。 我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload(jb51.net).rar AjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获得返回值。当初做了个异步上传的功能，选择它因为它的配置方式比较像jQuery的AJAX，我很喜欢。...
困惑了我一段时间的网页分页，今天特地整理了一下我完成不久的项目。下面我要分享下我这个项目的分页代码，前后端通吃。希望前辈多多指教。 一、效果图 下面我先上网页前台和管理端的部分分页效果图，他们用的是一套代码。二、上代码前的一些知识点 此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。三、前台代码部分var pageSize =6; //每页显示多少条记录 v...
之前给大家总结了jQuery插件开发的两种方式，这里就实践一下，做一款点赞特效插件，先看看效果吧： 废话少说，上代码： //***扩展对象点赞插件、点赞特效***// //***Zynblog**// //***2016-5-11**// //***用法：jQuery(.praisebtn).praise(options);***// ; (function ($) {$.fn.praise = function (options) {var defaults = {obj: null, //jq对象，针对哪个对象使用这个tipsBox函数str: "+1", //字符串，要显示的内容;也可以传...
昨天做了一天的ajax效果的图片上传，就是想让自己学的更加的精一些，所以看了很多第三方的控件，最后还是选择了uploadify这个控件，主要原因是比较容易上手。 首先我们先参考别人的资料（我自己整理了一下） 可选项需要参数类型参数名字解释(布尔型)auto当文件被添加到队列时，自动上传。(字符串)buttonImg浏览按钮的背景图片路径。(字符串)buttonText默认在按钮上显示的文本。(字符串)cancelImg取消按钮的背景图片路径。(字符串)c...
本文实例讲述了jQuery提示插件qTip2用法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Qtip2 插件提示</title><link href="jquery.qtip.css" rel="stylesheet" type="text/css" /><script src="jquery.min.js" type="text/javascript"></script><sc...
Bootstrap Paginator分页插件下载地址： DownloadVisit Project in GitHub 1.这是需要分页的页面放的 js函数： <span style="font-size:14px;">function paging(page){ $.ajax({ type: "GET", url: "${ctx}/api/v1/user/1/"+(page-1)+"/5", dataType:"json", success: function(msg){ ....//省略（查询出来数据） } }); $.ajax({ type: "GET", url:"${ctx}/api/v1/user/count/1", dataType:"json", success:function(...
一、问题描述 园友是做前端的，产品经理要求他使用jQuery DataTables插件显示一个列表，要实现分类效果。 后端的分页接口已经写好了，不涉及条件查询，需要传入页码(pageNo)和页面显示数据条数(pageSize)，显示相应页的显示记录，且不能修改后端接口。 二、分析 先来分析下分页实现。 一是后端分页：这种情况下，在后端很容易实现，在官网上有示例，不多说明。 二是前端分页：前端分页也是支持的，不过需要一次把所有数据都获取到才...
本文实例为大家分享了AjaxFileUpload实现文件上传的具体代码，供大家参考，具体内容如下 jQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。 1、引入AjaxFileUpload插件相关的js代码如下:<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type="text/javascript" src="<%=basePath%>resources/js/a...
AjaxUpLoad.js的使用实现无刷新文件上传，如图1、创建页面并编写HTML 上传文档: <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileName" /> <input type="button" id="btnUploadFile" value="上传" /> <input type="button" id="btnDeleteFile" value="删除" /> </div> 上传图片: <div class="uploadImg"> <img id="imgShow" src="/images/nophoto...