微信小程序文件上传,图片上传

1:xml

<view style="margin-top: 20px" class="weui-flex">

  <view style="width: 35%;font-size: 0.7em">证件照片</view>

  <!-- <input class="_input weui-flex__item" value="{{appkey}}" /> -->

  <view class="weui-flex__item">

  <image src='{{developer_file}}' style='width:100px;height:100px'></image>

  </view>

  <view style="display:{{isSave == 'show' ? 'none':'block'}}">

  <button size='mini' bindtap="btn_img">选择照片</button>

  </view>

</view>

2:js

btn_img: function (e) { //图片上传

var that = this;

wx.chooseImage({

count: 1, // 默认9

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

success: function (res) {

var tempFilePaths = res.tempFilePaths;

wx.uploadFile({

url: '', //此处换上你的接口地址

filePath: tempFilePaths[0],

name: 'file',

header: {



},

formData: {

'user': 'test',

'file': tempFilePaths[0]

},

success: function (res) {

if (res.statusCode == '200') {

console.log("图片上传成功");

var jsonData = JSON.parse(res.data);

that.setData({

imageFile: tempFilePaths,

developer_file: jsonData.data

})

} else {

showSuccess('上传失败');

}

},

fail: function (res) {

console.log('fail');

},

})

}

})

}

猜你喜欢

转载自blog.csdn.net/servicesYY/article/details/83276238