国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信JSSDK 實(shí)現(xiàn)打開(kāi)攝像頭拍照再將相片保存到服務(wù)器

yy13818512006 / 879人閱讀

摘要：在微信端打開(kāi)手機(jī)攝像頭拍照，將拍照?qǐng)D片保存到服務(wù)器上需要使用到微信的接口，主要使用到了拍照或從手機(jī)相冊(cè)中選圖接口上傳圖片接口參考資料一引入微信二通過(guò)接口注入權(quán)限驗(yàn)證配置三微信端拍照接口默認(rèn)可以指定是原圖還是壓縮圖，默認(rèn)二者都有可以指

在微信端打開(kāi)手機(jī)攝像頭拍照，將拍照?qǐng)D片保存到服務(wù)器上需要使用到微信的JSSDK接口，主要使用到了拍照或從手機(jī)相冊(cè)中選圖接口（chooseImage）,上傳圖片接口（uploadImage）

參考資料：

https://mp.weixin.qq.com/wiki...

https://www.easywechat.com/do...

一：引入微信js

二：通過(guò)config接口注入權(quán)限驗(yàn)證配置

wx.config(wechat->js->config([
        "chooseImage",
        "uploadImage",
        "downloadImage"
    ])
    ?>
);

三：微信端拍照接口

wx.chooseImage({
    count: 1, // 默認(rèn)9
    sizeType: ["original", "compressed"], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有
    sourceType: ["album", "camera"], // 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有
    success: function (res) {
        var localIds = res.localIds; // 返回選定照片的本地ID列表，localId可以作為img標(biāo)簽的src屬性顯示圖片
    }
});

四：將照片上傳到微信服務(wù)器接口

 wx.uploadImage({
    localId: localIds, // 需要上傳的圖片的本地ID，由chooseImage接口獲得
    isShowProgressTips: 1, // 默認(rèn)為1，顯示進(jìn)度提示
    success: function (res) {
        var serverId = res.serverId; // 返回圖片的服務(wù)器端ID
    },
    fail: function() {
       //上傳圖片到微信服務(wù)器失敗
        return false;
    }
});

五：將微信服務(wù)器的圖片下載到本地服務(wù)器

前端：

//url表示php接口地址
//serverId表示圖片的服務(wù)器端ID
$.post(url, {"media_id":serverId}, function(data) {
    if (data.type == "success") {
       //上傳成功
        
    } else {
        //上傳失敗
        
    }
});

php(接口)

public function actionUpload()
{
    Yii::$app->response->format = Response::FORMAT_JSON;
    $request = Yii::$app->request;
    $mediaId = $request->post("media_id");
    if (empty($mediaId)) {
        return [
            "type" => "error",
            "message" => "參數(shù)錯(cuò)誤！"
        ];
    }
    //臨時(shí)素材
    $temporary = Yii::$app->wechat->material_temporary;
    //創(chuàng)建服務(wù)器目錄
    $path = "wechat/" . date("Ymd",time()) . "/";
    $fullPath = Yii::getAlias("@webroot") . "/" . $path;
    if (!is_dir($fullPath)) {
        FileHelper::createDirectory($fullPath);
    }
    //設(shè)置圖片名稱
    $fileName = Yii::$app->getSecurity()->generateRandomString() . "-" . date("His",time());
    //將服務(wù)器端的臨時(shí)素材下載到本地服務(wù)器
    $temporary->download($mediaId, $fullPath, $fileName);
    return [
        "type" => "success",
        "url" => $path . $fileName . ".jpg",
    ];
}

前端代碼整合





wechat->js->config([
    "chooseImage",
    "uploadImage",
    "downloadImage"
]);
$JS = <<registerJs($JS);
?>

根據(jù)如上代碼就可以實(shí)現(xiàn)微信端打開(kāi)攝像頭拍照再將相片保存到服務(wù)器功能

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/31701.html

相關(guān)文章

  • 使用 vue2.0 開(kāi)發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

    摘要：目前正在寫(xiě)一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問(wèn)題和解決方法主要是前端。前端提交時(shí)使用，在后端再取出對(duì)應(yīng)的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫(xiě)一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問(wèn)題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實(shí)現(xiàn) 前后端分離前端為 SPA 單頁(yè)面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...

    afishhhhh 評(píng)論0 收藏0

  • 使用 vue2.0 開(kāi)發(fā)微信公眾號(hào)下前后端分離的SPA站點(diǎn)的填坑之旅

    摘要：目前正在寫(xiě)一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問(wèn)題和解決方法主要是前端。前端提交時(shí)使用，在后端再取出對(duì)應(yīng)的微信支付看了下文檔，以前是需要用喚起支付，而現(xiàn)在則是把微信內(nèi)置到了微信的瀏覽器中。 目前正在寫(xiě)一個(gè)微信公眾號(hào)的小項(xiàng)目，記錄一下遇到的問(wèn)題和解決方法（主要是前端）。內(nèi)容持續(xù)更新中~ 主要實(shí)現(xiàn) 前后端分離前端為 SPA 單頁(yè)面使用微信的JSSDK微信支付 技術(shù)方案 后端使用 php ...

    Taonce 評(píng)論0 收藏0

  • HTML5調(diào)用本地攝像頭畫(huà)面，拍照，上傳服務(wù)器

    摘要：圖片數(shù)據(jù)繪制到先構(gòu)造對(duì)象，為，圖片之后繪制到的圖片文件數(shù)據(jù)繪制到還是先轉(zhuǎn)換成一個(gè)，然后構(gòu)造對(duì)象，為，圖片之后繪制到利用上面的函數(shù)，由對(duì)象得到格式的，再參考圖片數(shù)據(jù)繪制到轉(zhuǎn)換為對(duì)象并使用發(fā)送轉(zhuǎn)換為對(duì)象后，可以使用上傳圖像文件。 實(shí)現(xiàn)功能和適用業(yè)務(wù) 采集本地?cái)z像頭獲取攝像頭畫(huà)面，拍照保存，上傳服務(wù)器； 前端上傳圖片處理，展示，縮小，裁剪，上傳服務(wù)器 實(shí)現(xiàn)步驟 調(diào)取本地?cái)z像頭（get...

    ShevaKuilin 評(píng)論0 收藏0

  • HTML5調(diào)用本地攝像頭畫(huà)面，拍照，上傳服務(wù)器

    摘要：圖片數(shù)據(jù)繪制到先構(gòu)造對(duì)象，為，圖片之后繪制到的圖片文件數(shù)據(jù)繪制到還是先轉(zhuǎn)換成一個(gè)，然后構(gòu)造對(duì)象，為，圖片之后繪制到利用上面的函數(shù)，由對(duì)象得到格式的，再參考圖片數(shù)據(jù)繪制到轉(zhuǎn)換為對(duì)象并使用發(fā)送轉(zhuǎn)換為對(duì)象后，可以使用上傳圖像文件。 實(shí)現(xiàn)功能和適用業(yè)務(wù) 采集本地?cái)z像頭獲取攝像頭畫(huà)面，拍照保存，上傳服務(wù)器； 前端上傳圖片處理，展示，縮小，裁剪，上傳服務(wù)器 實(shí)現(xiàn)步驟 調(diào)取本地?cái)z像頭（get...

    worldligang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<