关闭

Zepto实现滑动核销效果

主要事件:touchmove touchstart touchend 0、定义常量值(滑动 横向记录差 distance,手指离开屏幕位置与开始滑动位置;刮开角度 :angle 当距离差到达时的翻转角度,过程中为0-angle) 1、记录touchstart 的 pageX :originX 2、绑定touchmove事情,对 实时pageX :X , 3、比较X-originX,同时根据...
阅读(384) 评论(0)

H5新属性audio音频和 video视频的控制详解(controls)

1.音频(audio) 2.视频(video)   静音  打开声音  播放  停止播放  全屏  下面是对于视频文件的控制; javascript引出。 var myVideo=document.getElementById("video"); var btn=document.getElementById("button"); btn[0...
阅读(2574) 评论(0)

通过Ajax使用FormData对象无刷新上传文件

写在前面:本文说的这个方案有浏览器兼容性问题;所有主流浏览器的较新版本已经支持这个对象了,比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+,对兼容性比较敏感的网站慎用。   在工作中遇到了一个问题:在一个页面中,有4块内容,每块内容都包含一个图片上传功能,希望可以实现一键把这四块内容都上传上去。 我没有用插件实现上传功能,就是用的...
阅读(2874) 评论(1)

通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: Html代码   form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">        h1 >测试通过Rest接口上传文件 h1>...
阅读(1785) 评论(0)

HTML5 Server-Sent Events with Java Servlets example

1. Introduction to Server-Sent Events The Server-Sent Events are the new APIs for opening an HTTP connection for receiving push notifications from a server in the form of DOM events. Consider below...
阅读(443) 评论(0)

HTML5晃动DeviceMotionEvent事件

关于devicemotion html5提供了几个新的DOM事件来获得设备物理方向及运动的信息,包括:陀螺仪、罗盘及加速计。 第一个DOM事件是**deviceorientation**,其提供设备的物理方向信息,表示为一系列本地坐标系的旋角。 第二个DOM事件是**devicemotion**,其提供设备的加速信息,表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐标系中...
阅读(1047) 评论(0)

H5 摇一摇

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35...
阅读(939) 评论(1)

html5+exif.js+canvas实现手机端照片上传预览、压缩、旋转功能

html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。 利用exif.js读取照片的拍摄信息,详见  http://code.ciaoca.com/javascript/exif-js/ 这里主要用到O...
阅读(6791) 评论(1)

html base64 img 图片显示

大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0Cbn...
阅读(2451) 评论(0)

Base64编码与图片互转

淘宝里面的html用base64转换图片,不知道为什么,不过看起来好像很美好,给个地址让大家玩玩,谁要有更全面的介绍也留下言 http://www.rssria.com/blogx/wp-content/uploads/2010/05/imgbase64/UML.html   Java代码 代码 import java.io.FileInputStream...
阅读(2702) 评论(0)

H5 通过Ajax方式上传文件,使用FormData进行Ajax请求

通过传统的form表单提交的方式上传文件: Html代码   form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-data">        h1 >测试通过Rest接口上传文件 h1>...
阅读(18700) 评论(2)
    个人资料
    • 访问:7839100次
    • 积分:67248
    • 等级:
    • 排名:第28名
    • 原创:254篇
    • 转载:2716篇
    • 译文:3篇
    • 评论:717条
    文章分类
    最新评论