关闭

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

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

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

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

HTML5晃动DeviceMotionEvent事件

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

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

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

html base64 img 图片显示

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

Base64编码与图片互转

淘宝里面的html用base64转换图片,不知道为什么,不过看起来好像很美好,给个地址让大家玩玩,谁要有更全面的介绍也留下言 http://www.rssria.com/blogx/wp-content/uploads/2010/05/imgbase64/UML.html   Java代码 代码 import java.io.FileInputStream...
阅读(2333) 评论(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>...
阅读(16466) 评论(2)
    个人资料
    • 访问:7020918次
    • 积分:61539
    • 等级:
    • 排名:第34名
    • 原创:250篇
    • 转载:2618篇
    • 译文:3篇
    • 评论:663条
    文章分类
    最新评论