码迷,mamicode.com
首页 > 其他好文 > 详细

前端图片处理

时间:2015-10-09 11:50:31      阅读:565      评论:0      收藏:0      [点我收藏+]

标签:

前端图片处理是指:不通过服务器,在客户端直接通过js操作图片,包括 显示上传的图片,缩放图片,裁剪图片,滤镜处理等。

以下例子演示了,将 input file 标签选择的图片显示到页面上:

技术分享

经过试验,其实前端图片处理的瓶颈 就这么点代码

这段代码解决了  将input标签选择的图片直接显示到页面上(而不经过服务器)

这个关键问题解决了,一切都好办了,之后所有的图片处理就可以交给强大的canvas了,可参考这个网址点我

 这得益于html5的FileReader对象,在html5之前,js确实是没有办法取到input file 标签选择的二进制文件数据,现在使用这个对象,就可以将用户选择的二进制数据获取成base64

前端图片处理

标签:

原文地址:http://www.cnblogs.com/muguanglj/p/4863275.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!