WeChat アプレットを使用して写真をサーバーにアップロードする方法

今回は、WeChat アプレットを使用してサーバーに写真 をアップロードする方法を説明します。WeChat アプレットがサーバーに写真をアップロードする際の 注意事項 は何ですか。実際のケースを見てみましょう。 りー 2. wx.uploadFile を使用して、サーバーにアップロードした画像をアップロードします

-wxml
 <view class="shangchuan" bindtap="choose">
  <image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image>
 </view>
 <button formType=&#39;submit&#39; class="fabu">发布项目</button>
 /**选择图片 */
 choose: function () {
  var that = this
  wx.chooseImage({
   count: 1,
   sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
   sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
   success: function (res) {
    var tempFilePaths = res.tempFilePaths
    that.setData({
     tempFilePaths: res.tempFilePaths
    })
    console.log(res.tempFilePaths)
    wx.setStorage({ key: "card", data: tempFilePaths[0] })
   }
  })
 },

追記: 1 つ以上の写真をアップロードするための WeChat ミニ プログラム

1. 重要なポイント

1.写真を選択

 formSubmit2: function (e) {
    var that = this
    var card = wx.getStorageSync('card')
    wx.uploadFile({
     url: app.globalData.create_funds,
     filePath: card,
     name: 'card',
     formData: {
      'user_id': app.globalData.user_id,
      'person': e.detail.value.person,
      'company': e.detail.value.company,
     },
     success: function (res) {
      console.log(res)
     }
    })
   }
  }
 },

2. 写真をアップロードします

そうです

2. コード例

wx.chooseImage({
   sizeType: [], // original 原图，compressed 压缩图，默认二者都有
   sourceType: [], // album 从相册选图，camera 使用相机，默认二者都有
   success: function (res) {
    console.log(res);
    var array = res.tempFilePaths, //图片的本地文件路径列表
   }
  })

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

ES6 でのテンプレート文字列の使用の詳細な説明

Bootstrap でテーブルを操作する方法

以上がWeChat アプレットを使用して写真をサーバーにアップロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。