我爱小程序
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | JSSDK wx.miniprogram.navigateTo | 微信iOS客户端 | 7.0.19 | 2.13.1 |
在IOS 14上，嵌套一个WEBVIEW内嵌套一个html页面。html页面内设置一个input type="file" ,监听文件选择后进行页面跳转。通过拍照或录像及照片图库选择完文件后可以正常跳转到跳转结果页面。通过浏览选取文件后跳转接口调用成功，但是页面没有正常跳转
html代码为：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#btn{
border: 1px solid #ccc;
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 10px;
}
#selectFile{
position: fixed;
top: -9999px;
}
</style>
</head>
<body>
<div id="btn">选择文件并跳转</div>
<input type="file" name="file" id="selectFile">
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="resource/js/jquery.min.js"></script>
<script type="text/javascript" src="./lib/vconsole.min.js"></script>
<script>
var vConsole = new VConsole();
$('#btn').on('click',function(){
$('#selectFile').click()
})
$('#selectFile').on('change',function(){
wx.miniProgram.navigateTo({
url: '../result/result',
fail(error){
console.log('navigate fail',error)
},
success(s){
console.log('navigate success',s)
},
complete(c){
console.log('navigate complete',c)
}
})
})
</script>
</body>
</html>
效果如下图：
选取文件后预期的结果：
通过浏览文件后跳转并没有到达上面的页面wx.miniprogram.navigateTo的回调正常执行了，结果如下
网友回复
495の波纹：
+1