微信小程序踩坑日記3——上傳照片至服務器

0. 引言

　　主要解決將小程序端獲取的圖片保存在服務器上。親測可用的服務端腳本。

1. 獲取照片

　　經過wx.chooseImage()方法，獲取到圖片，使用wx.uploadFile()上傳圖片。

wx.chooseImage({
    count: 1,//照片數量
    sizeType: ['original', 'compressed'], //可選擇原圖或壓縮後的圖片
    sourceType: ['album', 'camera'], //可選擇性開放訪問相冊、相機
    success: res => {
        console.log("開始上傳圖片");
        wx.uploadFile({
            url: "https://xxxx/xx.php",
            header: {
                'content-type': 'multipart/form-data'
            },
            filePath: res.tempFilePaths[0],//小程序保存的臨時路徑
            name: 'test',
            success: function(res) {
                console.log(res)
                if (res) {
                    wx.showToast({
                        title: '上傳成功！',
                        duration: 3000
                    });
                }
            }
        })
    }
})

2. 服務端PHP

<?php
    $imgname = $_FILES['test']['name'];
    $tmp = $_FILES['test']['tmp_name'];
    $filepath = 'photo/';//保存的路徑，相對於當前文件
    if(move_uploaded_file($tmp,$filepath.$openid.".png")){
        echo "上傳成功";
    }else{
        echo "上傳失敗";
        echo $_FILES['test']['error'];//返回錯誤代碼
    }
?>