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

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');

},

})

}

})

}

 

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序文件上传与下载是指在微信小程序中进行文件的传输和获取操作。开发者可以通过微信小程序的API,实现文件上传和下载的功能,让用户能够方便地上传和下载文件。 对于文件上传功能,开发者可以使用微信小程序提供的API wx.uploadFile,通过传入服务器地址、文件路径等参数,实现将文件发送到服务器的操作。用户可以通过选择或拍摄照片、录制视频等方式,将文件上传到服务器上。在上传过程中,可以使用wx.showLoading等API对上传过程进行提示,让用户了解文件上传的进程。 对于文件下载功能,开发者可以使用微信小程序提供的API wx.downloadFile,通过传入服务器地址等参数,实现从服务器获取文件的操作。用户可以通过点击或请求的方式,将文件从服务器上下载到本地。在下载过程中,也可以使用wx.showLoading等API对下载过程进行提示,让用户了解文件下载的进程。 在使用文件上传和下载功能时,开发者需要注意文件大小和类型的限制,以及网络传输的稳定性。同时,为了提升用户体验,可以通过合理的加载动画、进度条等方式,增加用户对文件上传和下载的可视化反馈,在操作过程中提供良好的用户交互体验。 总之,微信小程序文件上传与下载功能的实现,为用户提供了方便的文件传输和获取方式,可以满足用户对文件操作的需求,提升了微信小程序的功能性和实用性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值