微信小程序之图片、音频、视频上传(附前后端代码示例)

最近搞小程序开发,碰到了图片上传和音视频上传的问题,百度了下,网上示例不多,鄙人不才,就用TP3.2.3自己写了一个小程序上传图片、音视频的示例,刚好也是项目所需。能力有限,不喜勿喷,仅供新手参考。

,上传作品要求为图片、音频或者视频。话不多说,上代码!

前端代码:

点击上传图片,图片会显示预览。效果如下:

js交互部分的代码如下:

wxml :  用的catchtao:get='get';

后端接收处理如下:

至此,小程序的图片上传告一段落。不过有几个点,需要提醒下:

1,这只是上传图片,如果上传视频和音频的时候,前端代码需要修改一下,代码如下:

js的交互也要随之改一下,

后端用上面那个方法,可以一样可以接收到视频音频的信息的。

2,后端只是写了一个保存图片,音视频的路径,没有其他信息,可以根据情况,发送想要的数据过来,然后一起存入数据库!

好了,告一段落了,如果有问题可以加我QQ329570036或者微信 wqx2080 , 大家一起努力、成长。

觉得对您有帮助可以随意打赏哟

 

  • 15
    点赞
  • 80
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值