一、 在一个客户的webapp项目中需要用到 html5调用手机摄像头，找了很多资料，大都是 js调用api 然后怎样怎样，做了几个demo测试发现根本不行， 后来恍然大悟，用html5自带的 input file="" ，纯html5，并且不涉及到js ，就可以实现。代码 ...

想要用h5在移动端实现图片上传&预览效果，首先要了解html5的文件api相关知识（所有api只列举本功能所需）: 1.Blob对象 Blob表示原始二进制数据,Html5的file对象就继承于它，它提供以下属性： type：mime类型,如果是未知类型则返回一个空字符 ...

上传图片的功能是极为常用的，之前做过一个移动端上传文件的功能（基于jquery的），总结梳理一下。 html js 效果： 点击“+”后会拉起选图片控件，选择之后会显示loading状态，上传成功之后，获取到图片地址之后，框内会显示上传的图片。 主要 ...

上传我们一般都是用“input[type=file]”控件。当你用此控件时，你就授权了网页和服务器访问对应的文件，就可以得到File对象。 友情提示在，在Android手机webview中，是不支持上传文件的，网上说是修改Android端的代码，但我没试过，我们这边是使用客户端提供的接口来实现 ...

...

1. 添加meta标签：viewport <meta name="viewport" content="width=device-width,initial-scale=1.0, minimu ...

刚从南方回来就分了一个刮刮卡效果的页面，特么的我在烦恼怎么用H5去实现这个效果呢，好不容易写出来了，产品居然说：“既然你可以写出来这个效果那当然好了，开始我只是打算让你实现点击就出现呢！”… … 尼玛干嘛不早说呢？？？？？真是自找麻烦。既然写了就分享给大家吧，这个效果其实很早就有了，只是我们不常用 ...

　　　利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览： 1.文件未选择 2.文件已选择 HTML代码部分： 　　思路：下面代码中我利用css的z-index属性 ...