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
相关产品推荐
相关产品推荐

