jQuery 获取 intput file 图片的宽高和大小

如何判断input file表单里上传的图片的宽高和大小呢?这个时候图片还没真正上传,也不是在页面上展示,不能使用$(“#id”).width(),$(“#id”).height()这种方式。

在Stack Overflow找到一个方法获取input file图片文件的宽高:

继续阅读“jQuery 获取 intput file 图片的宽高和大小”

更优雅的jQuery拼接下拉框方式

在Stack Overflow浏览到一个问题:如何用jQuery更好的拼接下拉框代码?这个小需求在实践中也写过很多次,但是网友提供了一个更优雅的jQuery拼接下拉框方式。

代码如下:

继续阅读“更优雅的jQuery拼接下拉框方式”

如何防止ajax重复提交

关于防止重复提交,可以参考如下链接:

  1. 使用Redis加锁防止重复提交
  2. 防止表单重复提交的几种方式
  3. jquery的data方法用法

本文讲讲如何使用redis和jquery防止ajax重复提交,如果按钮是button,点击按钮之后,js使按钮禁用,程序那边同时也加锁即可。如果按钮是a标签,则需要使用jquery的data方法在页面上加锁,具体方法见上面第3个链接。

继续阅读“如何防止ajax重复提交”

使用jquery的cookie实例

jquery的cookie插件可以方便操作cookie,首先引入jquery.cookie.js文件,可以去官网下载。

以下使用jquery的cookie实现一个简单的功能,一个公共栏,可以点击展开或者收缩,第一次进入页面默认展开,第二次以后进入页面默认收缩,但是点击也可以展开。

继续阅读“使用jquery的cookie实例”

jQuery inArray不存在返回-1

判断上传的文件名扩展名是否符合要求,同时禁用提交按钮,这里用到了jQuery的inArray函数,判断是否在js数组中,不存在返回-1.

当然这是在js的层面进行判断,提交后程序也要判断一次,以保证安全。

jQuery用eval解析json字符串

这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。

1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象,以下举例说明:

继续阅读“jQuery用eval解析json字符串”