ホームページ > 記事 > ウェブフロントエンド > WeChat アプレットを使用して写真をサーバーにアップロードする方法
今回は、WeChat アプレットを使用してサーバーに写真 をアップロードする方法を説明します。WeChat アプレットがサーバーに写真をアップロードする際の 注意事項 は何ですか。実際のケースを見てみましょう。 りー 2. wx.uploadFile を使用して、サーバーにアップロードした画像をアップロードします
-wxml <view class="shangchuan" bindtap="choose"> <image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image> </view> <button formType='submit' 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. コード例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 サイトの他の関連記事を参照してください。