微信JS-SDK使用chooseImage多选图片并上传方案总结

最新推荐文章于 2024-04-12 15:08:32 发布

木屋x

最新推荐文章于 2024-04-12 15:08:32 发布

阅读量1.5k

点赞数

分类专栏： webH5

本文链接：https://blog.csdn.net/qq_34917408/article/details/119352838

版权

13 篇文章 14 订阅 ¥29.90 ¥99.00

订阅专栏

最近在H5项目中需要在上传图片时多选，但是由于在微信浏览器中上传多选时受微信系统、手机操作系统、手机品牌等因素的影响，导致部分手机在微信浏览器中并不能正常多选图片并上传。因此经过一天时间整理出使用微信JS-SDK来解决上述问题的方案，注意：本方法只能在微信浏览器中有效。

由于chooseImageAPI是微信JS封装的方法，导致了我们不能向input文件系统那样拿到我们想要的文件数据，所以，微信JS-SDK实现的文件上传只能采取方式（拿到图片localId => 然后通过uploadImage上传至微信服务器 => 然后拿到返回的服务器端文件Id通过多媒体接口（media_id）下载到本地 => 再处理拿到的文件数据再进行上传），当然本文使用的方法并不是这样，本文通过转化localId为图片数据，然后处理这些数据再进行上传。
这里关于获取微信SDK的openID等相关信息的细节不再赘述，只讲多选图片并上传的操作，具体实现如下：
```
    // 操作
    
    chooseImage() 
```

了解本专栏

关注