小程序
小游戏
企业微信
微信支付
扫描小程序码分享
Web-view中 input file 上传文件,multiple设置为true了,还是无法多选文件
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
要调用微信官方的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>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
h5在安卓是有这个问题,要多选只有通过调用sdk了
wx.chooseImage能选到文件么,比如说音频
你这个webview h5直接在微信中打开,能多选吗
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
要调用微信官方的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>
h5在安卓是有这个问题,要多选只有通过调用sdk了
wx.chooseImage能选到文件么,比如说音频
你这个webview h5直接在微信中打开,能多选吗