android - 带有输入文件的内置浏览器的 Facebook

Question

目前我们有一个 html 页面，包含 misc 字段 +

<input id="test_file" type="file" accept="image/*">

Android 用户在通过任何浏览器浏览时都可以选择一个文件 (id=test_file)，当我们在 facebook 帖子上发布链接然后单击它时，打开 facebook 内部浏览器，当单击按钮 (id=test_file) 时什么也没有发生了!

有什么解决办法吗？

引用资料

• http://www.androidpit.com/facebook-disable-browser
• http://gadgets.ndtv.com/social-networking/news/facebook-testing-built-in-browser-on-android-app-report-579065
• File upload control not working in Facebook In-App Browser

Answer 1

尝试从输入文件中删除 accept 属性。

所以我的解决方案是检测它是否是 native FB 浏览器，然后删除该属性:

let isFacebookApp = function () {
    let ua = navigator.userAgent || navigator.vendor || window.opera;
    return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);
};

if (isFacebookApp) {
   $('#myinput').removeAttr('accept');
}