微信小程序上传图片

945 阅读1分钟

准备工作

可以使用linui官网中的图片选择器,也可以使用微信小程序自带的图片选择器

我们选择linui官网中的图片选择器

linui官网:doc.mini.talelin.com

进入官网后根据提示安装到自己的小程序上并选择组件中的图片选择器

image.png

实例

<l-image-picker count="9" bind:linchange="onChangeTap" />

小程序中的方法(返回的是上传云端后可以浏览的路径,可自行设置返回数据)

onChangeTap:function(e){
        // console.log(e)
        var _this=this
        var file=e.detail.current[0]
        wx.uploadFile({
          url: url,//自己的上传地址
          filePath: file,
          formData: {},//可以传递表单形式数据,如:token参数等
          name: 'file',
          success:(res)=>{
              var res=JSON.parse(res.data)
              _this.setData({
                  img:res.data
              })
          }
        })
    },

下面就进入后端进行一系列的图片审核及上传逻辑等

接收参数

$file = $request->file('file');

后续的操作图片审核+文件上传云端在本人的其他文章中,可以参考一下,这里就不写了