tp5.1+微信小程序单图片、多图片文件上传

最新推荐文章于 2023-07-29 09:58:58 发布

扶我起来继续学习

最新推荐文章于 2023-07-29 09:58:58 发布

阅读量757

点赞数

分类专栏：小程序文章标签：小程序图片上传

本文链接：https://blog.csdn.net/qq_42836388/article/details/96344469

版权

小程序专栏收录该内容

11 篇文章 1 订阅

订阅专栏

废话不多说，直接上代码

单图片上传

微信端：

  /**
     * 上传图片
     */
    uploadimg: function() {
      var that = this;
      wx.chooseImage({ //从本地相册选择图片或使用相机拍照
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
   	    success: function(res) {
    		  //console.log(res)
    		  that.setData({
        		source: res.tempFilePaths  //前台显示
    		  })
          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
      	var tempFilePaths = res.tempFilePaths
      	wx.uploadFile({
        url: 'http://api.cn/index.php/uploadimg', //这里需要写你自己url
        filePath: tempFilePaths[0],
        name: 'file',
        success: function(res) {
          //打印
          console.log(res.data)
        }
      })
    }
  })
},

服务器端

 // 上传图片
    public function uploadimg()
    {
        $file = request()->file('file');
        if ($file) {
            $info = $file->move('public/upload/weixin/');
            if ($info) {
                $file = $info->getSaveName();
                $res = ['errCode'=>0,'errMsg'=>'图片上传成功','file'=>$file];
                return json($res);
            }
        }
        else{
            // 上传失败获取错误信息
            echo $file->getError();
        }
    }