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

要有遥不可及的梦想,也要有脚踏实地的本事。----------- . (香柚帮)

今天讲解一下<!--41472562-->微信小程序上传图片或者上传文件的步骤:

首先第一步我们要先在页面文件中写入一个图标或者按钮,用来触发微信调起手机相册和拍照功能,供你选择图片

然后给这个图标或者按钮写上点击事件(事件名称随意定义)

然后还需要写一个盒子,用来存放选择好的文件缩略图,缩略图上写上删除按钮,供删除,并且要实现点击缩略图展示大图的功能,下面是我写的整体内容

: 是用来存放选择图片的数组,定义

:查看大图的点击事件

:删除已选择的图片的点击事件

下面是样式文件,可调整

然后是文件:

到此是已经完成了图片选择,删除,预览的功能

最后是上传:

需要注意的是,上传图片的时候只能单张上传,因此当我们选择了多张图片之后,需要分开一张一张的上传,因此需要写一个循环。

点击上传按钮进行操作:

这个是上传图片的步骤,上传附件跟上传图片大致类似,下面是上传附件的步骤

我这里是只允许选择一张附件,如果要选择多个附件,参照图片功能即可,

还有就是.这个方法只允许选择微信里的文件,如果想上传手机里的文件,需要用微信发一下就能选到了

好了,就是这些,有问题,希望能帮助到一些人吧!!!

© 版权声明
THE END
分享