tp5.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();
        }
    }
发布了37 篇原创文章 · 获赞 13 · 访问量 4533

猜你喜欢

转载自blog.csdn.net/qq_42836388/article/details/96344469