首页 > 其他 > 详细

前端图片处理

时间:2015-10-09 11:49:51      阅读:263      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!