微信小程序上传照片，可以覆盖运来的照片样式

微信小程序上传照片，可以覆盖运来的照片样式

话不多说 直接上代码

xml

<view class="merch_img">
	  <view class="indentityCard">
		    <view class="identityCard_front" bindtap="frontimage">
			      <image src="{{idcard0}}" class="images"></image>
			      <view class="imgs">上传图片</view>
			    </view>
      </view>
</view>

js

var util = require('../../utils/upFiles.js')
Page({
  data: {
    tempFilePaths: '',
    sourceType: ['album', 'camera'],
    idcard0:'../imgs/certification/idcard0.png'
  },
  frontimage: function () {
    var _this = this;
    var Type = _this.data.sourceType
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: Type, // 可以指定来源是相册还是相机，默认二者都有 
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 
        _this.setData({
          FilePaths: res.tempFilePaths,
          idcard0: res.tempFilePaths,
        })
      }
    })
  },
})
 

需要注意的是 导入的upFiles.js，一个上传的工具

function j(tit, msg) {
    wx.showModal({
      title: tit,
      content: msg,
      showCancel: false,
      success: function (res) {
        if (res.confirm) {
        }
      }
    })
  }
   
  //有相同的module.exports 可以合并成一个
  module.exports = {
    msg: j
  }

最终结果：

主要是为了写一个例子，所以没有Css样式 ！

------------大家互相学习，学无止境!