tp5实现微信小程序多图片上传到服务器

最近在做一个教育类的小商城的微信小程序,用到了上传多个图片作业文件到服务器端,

这里做一个讲解,希望对大家有所帮助。

1,小程序端:

在wxml文件中:

<!--选择图片 -->
< view class = "picture">
< view class = "img" wx:for = "{ {imgs}}" wx:for-item = "item" wx:key = "*this">
< image class = 'imgSelected' src = "{ {item}}" data-index = "{ {index}}" mode = "aspectFill" bindtap = "previewImg"></ image >
< view class = "delete-btn" data-index = "{ {index}}" catchtap = "deleteImg"> 删除 </ view >
</ view >
< view class = "clickImg" bindtap = "chooseImg"> 点击上传作业 </ view >
</ view >
<!-- 选择图片end -->

在js文件中:

Page({

/**
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值