这里是我的wxml部分
<button bindtap=‘chooseImg’ class=‘button’ style=“width: 50%; height: 90rpx;”>点击上传图片</button>
<view><image src=’{{img_l}}’ bindtap=‘preview_img’ mode=“aspecFill” style=“width: 100%; height: 300rpx”></image></view>
下面是我的js部分var app = getApp()Page({ /** * 页面的初始数据 */ data: { img_list: ‘’ }, chooseImg: function () {//调用 var _this = this; wx.chooseImage({ count: 9, // 默认9 sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有 sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { console.log(res) // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths _this.setData({ img_l: res.tempFilePaths }) } }) }, preview_img: function () {//预览tupia wx.previewImage({ current: this.data.img_l, // 当前显示图片的http链接 urls: this.data.img_l // 需要预览的图片http链接列表 }) },
问题图片:
,点击上传图片后下方是空白的。