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を返します