Ausführliche Erläuterung der WeChat-Applet-Entwicklungsalbumauswahl und des Beispielcodes zum Fotografieren

In diesem Artikel werden hauptsächlich relevante Informationen zur Albumauswahl und zum Beispielcode für die Kameraauswahl für die WeChat-Applet-Entwicklung ausführlich erläutert. Freunde in Not können sich auf

Ausführliche Erklärung der WeChat-Applet-Fotografie und Kameraauswahl

Vorwort:

Das Erhalten von

Bildern im Miniprogramm kann auf zwei Arten erfolgen. Die erste besteht darin, Ihren eigenen Stil direkt zu öffnen Innerhalb von WeChat. Das erste Raster besteht darin, ein Bild mit der Kamera aufzunehmen. Der zweite Typ ist ein Popup-Fenster, in dem der Benutzer gefragt wird, ob er ein Bild aufnehmen oder aus dem Album auswählen soll sie einzeln.

Um ein Album auszuwählen, verwenden Sie die Funktion wx.chooseImage(

OBJECT). Die spezifischen Parameter lauten wie folgt:

Sehen Sie sich direkt den Code an, um das Kameraalbum zu öffnen:

Der Effekt von Methode eins ist wie folgt:

Page({
 data: {
  tempFilePaths: ''
 },
 onLoad: function () {
 },
 chooseimage: function () {
  var that = this;
  wx.chooseImage({
   count: 1, // 默认9 
   sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 
   sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 
   success: function (res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 
    that.setData({
     tempFilePaths: res.tempFilePaths
    })
   }
  })

 },




})

Ich persönlich denke, dass die zweite Benutzererfahrung besser ist, der Effekt ist wie folgt:

Klicken Sie, um die Popup-Eingabeaufforderung zu erhalten. Der Code lautet wie folgt:

Der temporäre Pfad der Datei kann beim aktuellen Start des Mini normal verwendet werden Wenn Sie das Programm dauerhaft speichern müssen, müssen Sie wx.saveFile aktiv aufrufen. Beim nächsten Start kann nur darauf zugegriffen werden.

Page({
 data: {
  tempFilePaths: ''
 },
 onLoad: function () {
 },
 chooseimage: function () {
  var that = this;
  wx.showActionSheet({
   itemList: ['从相册中选择', '拍照'],
   itemColor: "#CED63A",
   success: function (res) {
    if (!res.cancel) {
     if (res.tapIndex == 0) {
      that.chooseWxImage('album')
     } else if (res.tapIndex == 1) {
      that.chooseWxImage('camera')
     }
    }
   }
  })

 },

 chooseWxImage: function (type) {
  var that = this;
  wx.chooseImage({
   sizeType: ['original', 'compressed'],
   sourceType: [type],
   success: function (res) {
    console.log(res);
    that.setData({
     tempFilePaths: res.tempFilePaths[0],
    })
   }
  })
 }


})

Layout-Datei:

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der WeChat-Applet-Entwicklungsalbumauswahl und des Beispielcodes zum Fotografieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!