要调用微信官方的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: this.$store.state.isDebugger ? true : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 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>
Web-view中 input file 上传文件，multiple设置为true了，还是无法多选文Web-view中 input file 上传文件，multiple设置为true了，还是无法多选文件
2023-06-07要调用微信官方的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>
微信浏览器input标签设置multiple无效果在微信扫码跳转到h5页面，不能选择多张图片，经排查，是微信浏览器设置multiple属性不生效问题导致的 此问题一开始就存在，后面也有挺多人陆续反馈，希望微信浏览器能支持该属性
2023-06-07
获得过 0 次赞
回答过的问题获得 0 次赞
分享过的文章/案例获得 0 次赞
评论与回复获得 0 次赞