码迷,mamicode.com
首页 > 移动开发 > 详细

关于移动端H5上传图片的一些总结

时间:2020-09-17 20:36:24      阅读:31      评论:0      收藏:0      [点我收藏+]

标签:支持   友好   总结   data   解决   div   进程   手机厂商   随机   

 
         我们这里只罗列问题

        这个需求,利用H5标签完全可以做到,那么问题是什么

        capture 捕获 ,我们把这个值设置为‘camera‘,而我们要设置这个属性的原因是什么呢?客户希望用户上传的图片是现拍的。。。。。。

       此时就会遇到两个问题,能不能做得和 app 一样,尤其是针对证件,答案是不能(上一篇日志有说到,感兴趣的往回翻),那么第二个方案就来了,capture 设置为 camera,此时,问题就来了,下面的问题,都是暂时无法调和的,如果有同学解决的,欢迎留言

    1,兼容性问题
        据我们测试,ios10以下机型,不支持该参数,就会发生,用户还是可以选择打开本地图库或拍照,而,ios11以上用户都是直接打开摄像头,安卓基本上都是直接打开摄像头,发现部分机型,可以选择打开美图秀秀等第三方软件,但没有本地照片的选项,原因是手机厂商的系统集成了这些软件的部分功能,用户点击这些第三方软件后会出现没有返回图片的情况,这块最好是在用户操作前,给出恰当的提示
     2,页面进程被关闭
        这个问题的具体描述是这样的,用户由浏览器页面打开相机后,由于,现在手机相机的拍照功能越来越强大,用到的内存也会相应的扩大,此时就会出现多个进程抢内存资源的情况出现,系统的做法一般是杀掉随机某个进程,如果正好杀掉的是浏览器进程,那么拍完照后,返回页面,浏览器重新启动,页面被重新渲染,无法获取图片,无解(sessionStorage等不会被清除,打好标记,尽量友好的提示用户把),经测试,打开图片库占用内存会小得多,没有测出此类bug
    3,这点是对开发者而言,有点恶心的东西了,如果一个页面对于上传图片有多个触点,那么,每个触点都需要单独写,而不能够通过js的方式调用,由于安全策略的原因,js模拟点击是被禁掉的,所以大家不用尝试了

关于移动端H5上传图片的一些总结

标签:支持   友好   总结   data   解决   div   进程   手机厂商   随机   

原文地址:https://www.cnblogs.com/ygrzzttzjzzzszz/p/13644785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!