Android 浏览器 Blob 兼容问题

简爱代码>JavaScript2016-1-6 22:5338660

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

所以就想到了 HTML5 的新属性


实现方法也不算特别复杂

  1. input 获取文件
  2. 文件转 转 Base64 然后, Image 加载
  3. Image 加载完回调函数里面 用 Canvas drawImage 创建指定大小的画布 (画布尺寸就是 你需要压缩到尺寸)
  4. 画布 转 会 Base64, 然后 Base64 转 Blob 对象
  5. 异步提交 Blob 对象

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

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

另外吐槽一下, 连续通宵加班是不是要猝死的节奏?

本文出自简爱博客,转载时请注明出处及相应链接。

    发表评论

    电子邮件地址不会被公开。必填项已用*标注