最近在做一个教育类的小商城的微信小程序,用到了上传多个图片作业文件到服务器端,
这里做一个讲解,希望对大家有所帮助。
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({
/**