小さなプログラムを書くことクレソンのAPIを使用します(小さなプログラムノート)は、クラウドサーバに3.2非同期アップロードの写真を保存しました

1まず、アップロードボタンを追加

< ヴァン・ボタンタイプの=「デフォルト」bindtap =「uploadImg」>アップロード写真

2 uploadImgメソッドを追加します。

 

  / * * 
   *ページ初期データ
   * / 
  データ:{ 
    詳細:{}、
    内容: ''、// コンテンツのレーティング、 
    :. 5、スコア// 現在の評価点の 
    画像を:[]、// アップロードされた画像 
    fileIds :[] // アップロードされた画像クラウドストレージのID 
    MOVIEID:-1 
  }、

 

  uploadImg:関数(イベント){
     // 選択画像
    wx.chooseImage({ 
      数: 9 
      たSizeType:[ 'オリジナル' '圧縮' ]、
      たsourceType:[ 'アルバム'、 'カメラ' ]、
      成功:RES => {
         // Tempfilepath画像属性タグのIMG SRCとして表示することができる 
        CONST =のtempFilePathsの、res.tempFilePathsを
         // にconsole.log(tempFilePaths); 
        この.setData({
           // 現在の画像を取得し、直接割り当て上書き場合、一緒に画像をステッチアウト 
          画像:この.data.images.concat(tempFilePaths)
        })。
      } 
    })
  }、

3つのアップロードされた画像表示サイクル

< ビュー> 
< 画像クラス= "コメント-IMG" WXのための:= "{{画像}}" WX:キー= "{{索引}}" SRC = "{{アイテム}}"  > 
</ 画像> 
</ ビュー>
/ * ページ/コメント/ comment.wxss * / 
.comment-IMG { 200rpx
  高さ200rpx
  マージン右20rpx
}

<--------アップロードされた画像

その後、4クラウドストレージへのアップロード、クラウドストレージとFILEIDを返します

 

おすすめ

転載: www.cnblogs.com/polax/p/11593166.html