输入类型='文件'在 Instagram 应用内浏览器中不起作用

Posted 2023-03-17

【中文标题】输入类型=\'文件\'在 Instagram 应用内浏览器中不起作用

【英文标题】：input type='file' not working in instagram in-app browser输入类型='文件'在 Instagram 应用内浏览器中不起作用

【发布时间】：2018-01-09 10:12:15

【问题描述】：

当您尝试在 Instagram 应用内浏览器中打开的网页上使用 input type='file' 上传文件时，页面会重新加载。在facebook应用内浏览器中没有这样的问题。

【问题讨论】：

你的问题到底是什么？

当我们打开我们的网站应用内浏览器，并尝试使用输入上传文件时，页面刚刚重新加载。我们如何在客户端解决这个问题？

@OleksiiLyhun - 你能解决这个问题吗？我在 Facebook 应用浏览器上也面临同样的问题。如果您找到任何解决方案，请提出建议。谢谢

@AwaisImran 不，我没有找到解决方案

没有解决方案。我已经向 instagram 提交了错误报告。我还独立测试了 giphy.com、tinypic.com，甚至在 instagram 应用内浏览器中登录了 facebook，并且可以确认每个使用照片上传的网站都在 instagrams 应用内浏览器中刷新。在 Instagram 上无法上传照片，这太糟糕了...

【参考方案1】：

以防万一这仍然对某人有用，我遇到了类似的问题，除了在我单击“选择文件”按钮时什么都没有发生。我通过将按钮的 accept 属性更改为仅包含 mime 类型而不包含扩展名来修复它。

所以这个：

<input
  type="file"
  accept=".jpg,.png,.svg"
/>

应该替换为：

<input
  type="file"
  accept="image/jpeg,image/png,image/svg+xml"
/>

这很令人困惑，因为第一个版本适用于所有其他浏览器，MDN 的文档也提到它是正确的。