You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native WebView选择文件后输入框不显示文件名异常

React Native WebView加载页面时文件选择后输入框不显示文件名问题

问题表现

  • 服务端部署的页面内置文件上传输入控件,通过React Native的WebView组件加载对应页面URL时,用户完成本地文件选择操作后,文件输入框未展示已选中的文件名,输入框为空无内容
  • 使用手机系统浏览器直接访问同一URL时,选中文件后文件名可正常展示
  • 浏览器正常运行效果:
    浏览器端文件选择后正常显示文件名
  • React Native App内WebView环境下,文件选择完成后无任何文件名展示

相关代码

服务端页面HTML代码

<div class="form-group">
    <label>Company On Receipt</label>
    <select class="form-control select2" name="company_id" style="width: 100%;">
        <option value="ABC">ABC</option>
        <option value="DEF">DEF</option>
    </select>
    <input type="file" name="company_receipt[]" multiple="multiple" required>
</div>

React Native侧实现代码

...
import { WebView } from 'react-native-webview';

export default function SubmitClaim({ route, navigation }) {
    ...

    return (
        <WebView source={{ uri: 'server-side-page-url' }} />
    )
}

项目依赖版本

  • react-native: 0.65.1
  • react-native-webview: ^11.22.7

补充说明

  • 该功能此前运行正常,去年测试时使用react-native-webview@^11.13.0版本无该异常
  • 当前处于项目维护阶段,问题为突然出现,暂未定位根因
  • 已尝试操作:检索同类问题解决方案、卸载重装react-native-webview包,均未解决问题,需要可行的排查思路与修复方案

内容的提问来源于stack exchange,提问作者wendy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 19:15:38