少し前に、WeChat はいくつかのインターフェイスをリリースしました。その中には、画像をアップロードするための UploadImage インターフェイスがあり、通常はchooseImage インターフェイスと組み合わせて使用されます。まず、chooseImage インターフェイスを呼び出して、ユーザーが 1 つ以上の写真を選択できるようにします。ユーザーが選択を完了すると、WeChat は選択した写真の ID を返し、その写真 ID を UploadImage インターフェイスに渡して写真をアップロードします。
最近取り組んだプロジェクトでたまたま JSSDK が使用されていたので、使用したものを整理しましょう。
まず、WeChat 開発者ドキュメントへのリンクを添付します: WeChat 開発者ドキュメント
主に使用されるもの:
JS ファイルの紹介
JS インターフェースを呼び出す必要があるページに次の JS ファイルを導入します (https がサポートされています): http://res.wx.qq.com/open/js/jweixin-1.0.0.js
WeChat js-sdk パラメータを取得する必要があります
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
|
インターフェイスへの呼び出しの数は制限されており、制御する必要があることに注意してください。
ページ構成
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
写真を撮ったり、携帯電話のアルバムから写真を選択したりするためのインターフェース
1 2 3 4 5 6 7 8 |
|
画像のアップロードインターフェース
1 2 3 4 5 6 7 |
|
WeChat によって返されるサーバー ID については、WeChat API を通じて実際の画像バイナリ データを取得する必要があります。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
|
全体として、この関数を実装するのは比較的簡単ですが、私はこれまで WeChat API に触れたことがありませんでした。
WeChat jssdk が複数の写真をアップロードします
コードは次のとおりです:
jssdk
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
この記事では、WeChat JSSDK で画像をアップロードする方法を紹介します。もちろん、上記以外にもさまざまな方法があります。あなたの経験を共有してください。