摘要: JavaScript实现简单的前端上传图片预览 使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个<input>元素上选择文件后返回的File 阅读全文
posted @ 2017-02-07 10:18 ~小虾米~ 阅读(518) 评论(0) 推荐(0) 编辑
摘要: 在做移动端的页面时,经常会遇到点击(touch)一个弹出的层,在上面触发点击(touch)事件,当弹出层关闭之后点击(touch)事件会穿透到下面的层,这时候如果下一层的某个元素也绑定了点击(touch)事件,就会也一起被触发,如何解决这所谓的bug?解决这一问题需要用到css3的新属性,point 阅读全文
posted @ 2016-03-01 16:10 ~小虾米~ 阅读(6436) 评论(0) 推荐(0) 编辑
摘要: 1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport有些手机网站我们看到如下声明:设置了DTD的方式是XHTML的写法,假如我们页面运用的是html5,可以不用设置DTD,直接声明。使用viewport使页面禁止缩放。 通常把user... 阅读全文
posted @ 2016-01-21 16:39 ~小虾米~ 阅读(494) 评论(0) 推荐(0) 编辑
摘要: jQuery custom content scroller一款强大的自定义滚动条插件。使用方法如下:1、引入jQuery库以及相应的jquery.mCustomScrollbar.concat.min.js文件和css文件jquery.mCustomScrollbar.css2、html结构,为要... 阅读全文
posted @ 2015-12-15 15:22 ~小虾米~ 阅读(1585) 评论(0) 推荐(1) 编辑
摘要: 最近由于项目需要,所以做了一个上传头像预览并且可以预览裁剪的功能,大概思路是上传的图片先保存到服务器,然后通过ajax从服务器获取到图片信息,再利用Jcrop插件进行裁剪,之后通过PHP获取到的四个裁切点的坐标进行裁剪。首先看一下uploadify上传插件的API:uploader: uploadi... 阅读全文
posted @ 2015-11-30 15:24 ~小虾米~ 阅读(1026) 评论(1) 推荐(0) 编辑
摘要: ajaxFileUpload是一个异步上传文件的jQuery插件。语法:$.ajaxFileUpload([options])options参数说明:1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即的ID。3,secureur... 阅读全文
posted @ 2015-11-19 17:49 ~小虾米~ 阅读(3014) 评论(0) 推荐(0) 编辑