安卓微信内置浏览器 input type=file 选择文件未响应

3

安卓微信内置浏览器 input type=file 选择文件未响应

安卓微信内置浏览器 input type=file选择文件未响应

在开发移动端应用时,经常会遇到一些奇怪的问题。今天我们就来讨论一个比较常见的bug:安卓微信内置浏览器中使用 `input type="file"` 的选择文件功能未响应。

问题描述

当用户点击微信内置浏览器中的上传按钮时,通常会弹出一个选择文件的界面。然而,在某些情况下,这个界面可能不会出现或无法正常工作。这是一个比较令人头疼的问题,因为它会影响到用户的体验和应用的使用率。

参考内容

在网上搜索相关问题时,我们发现了一些类似的讨论帖子。在这些帖子中,开发者们提到了一个解决思路:微信内置浏览器采用以下形式选择图片不响应 `input type="file" accept="image/*"`。

解决思路

经过分析和调试,我们找到了解决这个问题的方法。下面是步骤:

步骤一、调微信接口得到serverId首先,我们需要在微信开发者工具中注册一个服务号,并且在应用中使用微信接口来获取 `serverId`。

```javascriptwx.chooseImage({

count:1, //一次性可以选择1张图片 sizeType: ['original', 'compressed'], //原图或压缩图 sourceType: ['album', 'camera'], //相册或相机 success: function (res) {

var serverId = res.serverId; //获取serverId console.log(serverId);

}

})

```

步骤二、通过serverId上传至oss然后,我们需要使用 `serverId` 来上传图片到 OSS(Object Storage Service)。

```javascriptwx.uploadFile({

url: ' //上传地址 filePath: res.tempFilePath, //选择的图片路径 name: 'file', //文件名 header: {

'Content-Type': 'application/octet-stream'

},

success: function (res) {

console.log(res);

}

})

```

步骤三、处理上传结果最后,我们需要根据上传结果来进行下一步操作。

```javascriptwx.showToast({

title: '图片上传成功',

icon: 'success',

duration:2000})

```

总结

通过以上步骤,我们可以解决安卓微信内置浏览器中 `input type="file"` 的选择文件功能未响应的问题。这个解决思路主要是使用微信接口来获取 `serverId`,然后通过 `serverId`上传图片到 OSS。

注意

在实际开发中,我们需要根据具体的需求和场景进行调整和优化。例如,在某些情况下,我们可能需要处理上传失败的情况或添加其他功能等。

希望这个解决思路能够帮助你解决类似的问题!

文件微信内置浏览器上传图片上传图片

版权声明:除非特别标注,否则均为网络文章,侵权请联系站长删除。

上一篇 浅谈Android中微信的文本,音频,视频,链接,表情,图片分享接口开发详解

下一篇 电脑版微信多开的三种方法