开发微信应用,需要一个固定的公网访问域名地址,尤其是微信小程序,需要https地址,这里内网穿透我使用的是巴比达内网穿透,因为简单好用。
今天记录一下微信小程序上传文件功能
1. 页面结构(.wxml
)
首先,在你的页面中添加一个按钮,用于触发文件选择器。
<button open-type="chooseImage" bindchooseimage="chooseImage">选择图片</button>
2. 选择文件(.js
)
接下来,在页面的.js
文件中定义一个函数来处理文件选择事件,使用chooseImage
API来让用户选择图片。
Page({
...
chooseImage: function(e) {
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function(res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths;
console.log('选择的图片路径:', tempFilePaths);
// 这里可以继续调用上