html实现照片添加功能,HTML5 Canvas调用手机拍照功能实现图片上传功能（图文详解上篇）...

这篇文章主要为大家详细介绍了HTML5 Canvas，和jquery技术，调用手机拍照功能实现图片上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

因为最近一段时间，一直在弄微信项目，其中涉及到了证件上传的功能，刚开始的时候一点头绪都没有，上网查了很多资料，QQ群里面也问了不少人，很多人说如果是app程序，可以申请系统权限，然后再去调用系统底层的东西，但是微信是在浏览器里面操作的，我们自定义的页面也是通过微信内置浏览器打开的，而且微信浏览器在内部进行了很多特殊处理，屏蔽了很多东西，所以要在页面调用拍照功能或者是打开手机系统的图库目录是不可能的，当然，这些都只是大伙儿理论上的猜测而已，而在我查了两天的资料之后，发现这个问题原来是可以解决的，而且实现的过程居然也很简单。只是用到了HTML5的file文件上传功能，再配合canvas即可。下面附上源代码：

上传证件

body {

margin: 20px 20%;

color:#777;

text-align: center;

}

#result{

margin-top: 20px;

}

上传证件...

---

---

$("input:file").localResizeIMG({

width: 500,

quality: 0.8,

success: function (result) {

var img