求助!我想设置一个按钮获取系统相机和现场以此获取图片但是用户上传图片后是一片空白
发布于 7 年前 作者 kpeng 9126 次浏览 来自 问答

这里是我的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链接列表    })  },

问题图片:

,点击上传图片后下方是空白的。

1 回复

wx.previewImage({      

current: this.data.img_l[0],

urls:this.data.img_l

})

current填写的是一张图片地址

回到顶部