ホームページ > ウェブフロントエンド > jsチュートリアル > WeChat アプレットを使用して写真をサーバーにアップロードする方法

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

php中世界最好的语言
リリース: 2018-04-14 16:42:25
オリジナル
4142 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート