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

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

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

前端代码：

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

js交互部分的代码如下:

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

后端接收处理如下：

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

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

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

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

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

，

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

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