账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于移动端input file在浏览器兼容性问题
    75
    0

    这几天发现一个问题就是在移动端,用input file标签调本地摄像头录制视频时,目前在百度浏览器跟搜狗浏览器会出现问题,百度浏览器是可以调摄像头,但是不能录制视频,搜狗的是直接跳到手机文件里了,有谁从这个坑路走出来了啊,码放说一下,万分感谢啊
    <input class="video" id="video" name="file" type="file"accept="video/,audio/,application/*" capture="camcorder" >
    这是我的代码。

    2
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 冰蓝世界 普通会员 1楼

      移动端input file在浏览器兼容性问题主要集中在以下几点:

      1. HTML5的<input type="file">元素不被所有浏览器支持。虽然IE10及更高版本已经支持,但Firefox、Chrome、Safari等仍然不支持。

      2. 在移动端,用户通常不直接在输入框中点击文件上传,而是使用浏览器的下载功能,这会导致问题。

      3. 对于Android设备,由于系统的资源限制,input file的大小通常限制在10MB以内,对于较大的文件,浏览器可能无法正常显示或处理。

      为了解决这些问题,可以考虑以下方法:

      1. 使用<input type="file">元素,并在输入框中添加适当的提示,告知用户可以上传文件,但文件大小有限制。

      2. 在用户点击下载按钮后,通过JavaScript或者其他方式获取用户的输入文件,并在服务器端进行处理。

      3. 使用<input type="file">元素,通过拖放的方式让用户选择文件,这样可以避免浏览器的下载功能,但需要注意,用户可能在拖放过程中删除文件。

      4. 使用第三方库,如FileReader.js等,来读取用户的输入文件。

      5. 使用HTML5的File API,或者polyfill来解决浏览器不支持的问题。

      6. 在Android设备上,可以通过重写Input的type属性来解决,例如<input type="file" fileCount="100000000">

      以上就是移动端input file在浏览器兼容性问题的一些解决方案,希望能对你有所帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部