小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在微信扫码跳转到h5页面，不能选择多张图片，经排查，是微信浏览器设置multiple属性不生效问题导致的
此问题一开始就存在，后面也有挺多人陆续反馈，希望微信浏览器能支持该属性
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
要调用微信官方的sdk里的wx.chooseImage方法
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试安卓文件上传</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <style> </style> </head> <body> <button id="upload">上传文件</button> <script> document.addEventListener("DOMContentLoaded", () => { wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: "***************", // 必填，公众号的唯一标识 timestamp: timestamp, // 必填，生成签名的时间戳 nonceStr: noncestr, // 必填，生成签名的随机串 signature: signature, // 必填，签名 jsApiList: ['chooseImage'] // 必填，需要使用的JS接口列表 }); wx.ready(function () { console.log(2) wx.checkJsApi({ jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2, success: function (res) { alert(JSON.stringify(res)) } }); console.log(3) }) }); var btn = document.getElementById("upload") btn.addEventListener('click', () => { wx.chooseImage({ count: 6, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: function (res) { var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片 console.log(`图片上传成功${res}`) alert("文件上传成功") alert(`上传${localIds.length}张照片`) localIds.map(i => { let img = document.createElement("img") img.src = i document.body.appendChild(img) }) } }) }) </script> </body> </html>
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
遇到同样的问题，楼主最后解决了吗
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
要调用微信官方的sdk里的wx.chooseImage方法
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试安卓文件上传</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <style> </style> </head> <body> <button id="upload">上传文件</button> <script> document.addEventListener("DOMContentLoaded", () => { wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: "***************", // 必填，公众号的唯一标识 timestamp: timestamp, // 必填，生成签名的时间戳 nonceStr: noncestr, // 必填，生成签名的随机串 signature: signature, // 必填，签名 jsApiList: ['chooseImage'] // 必填，需要使用的JS接口列表 }); wx.ready(function () { console.log(2) wx.checkJsApi({ jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2, success: function (res) { alert(JSON.stringify(res)) } }); console.log(3) }) }); var btn = document.getElementById("upload") btn.addEventListener('click', () => { wx.chooseImage({ count: 6, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: function (res) { var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片 console.log(`图片上传成功${res}`) alert("文件上传成功") alert(`上传${localIds.length}张照片`) localIds.map(i => { let img = document.createElement("img") img.src = i document.body.appendChild(img) }) } }) }) </script> </body> </html>遇到同样的问题，楼主最后解决了吗