最近项目有手机端图文上传的需求，微信下面好像有提供图像上传的方法 但是不想受限于 微信里面的浏览器

所以就想到了 HTML5 的新属性

实现方法也不算特别复杂

1. 
   input 获取文件
   


2. 
   文件转 转 Base64 然后, Image 加载
   


3. 
   Image 加载完回调函数里面 用 Canvas drawImage 创建指定大小的画布 (画布尺寸就是 你需要压缩到尺寸)
   


4. 
   画布 转 会 Base64, 然后 Base64 转 Blob 对象
   


5. 
   异步提交 Blob 对象
   

以上步骤在 电脑端完全没问题，但是到了手机端 就歇菜，之前在做 头像上传的时候也卡在这儿，一直就撂那儿了，没时间处理，知道这次遇到才，仔细找下原因，一步步的 车市最终才发现 罪魁祸首是 Blob 对象的问题

最后 问题解决方法就不再贴出了 具体百度 Blob BlobBuilder 就出来问题的解决方法了

[鞭炮/]

另外吐槽一下， 连续通宵加班是不是要猝死的节奏？[困/]