![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
Clement-Xu
经验总结。
展开
-
HTML5:使用Canvas和Input range控件放大缩小图片
使用了HTML5的两个新标签canvas和input range。效果图如下,拉动控制杆可以放大缩小图片:代码: 图片缩放 你的浏览器不支持canvas。 var canvas = document.getElementById("canvas"); var context = canvas.getContext(原创 2015-10-06 23:12:06 · 7095 阅读 · 0 评论 -
HTML5: 本地缓存
实现前端缓存,除了自己创建js保存(参考:http://blog.csdn.net/clementad/article/details/46807641),还可以利用html5的storage方法。HTML5 提供了两种在客户端存储数据的新对象:localStorage:没有时间限制的数据存储,在同一个浏览器中,只要没被手动清理,第二天、第二周或下一年之后,数据依然可用。s原创 2015-07-11 14:35:40 · 2940 阅读 · 0 评论 -
HTML5 jQuery+FormData 异步上传文件,带进度条
利用jQuery和html5的FormData异步上传文件的好处是:实现很简单很方便地支持进度条很方便地进行扩展和美化先看看效果图:图片上传后的结果:实现步骤如下:第一步:配置好SpringMVC + servlet3.0 文件上传所需要的各种资源,参考:http://blog.csdn.net/clementad/article/detai原创 2015-11-08 11:58:35 · 8801 阅读 · 4 评论 -
HTML5异步上传图片(支持预览和进度条),使用其他按钮触发file onclick事件,解决某些浏览器无法触发的问题
很多情景下,都要求不要直接点击html的file标签,而是点击另外一个更加美观的图片,然后触发file标签的onclick事件打开系统的文件选择器。然而,某些低版本的浏览器为了安全,不支持onclick事件传递给file标签。百度搜索了半天,都是介绍把file标签透明化,然后覆盖再另外一个图片上面。可是这种非但比较复杂,还难以扩展和维护。感谢万能的stackoverflow,终于在某个问题的某原创 2015-11-09 19:31:25 · 3972 阅读 · 0 评论