Vue implementiert die Funktion zum Aufrufen der Handykamera und des Albums

<div>
//Anzuzeigendes Bild <div class="imgBox name">
      <img:src="imgQuelle" />
  </div>
  <van-Aktionsblatt v-Modell="show1">
   <ul>
    <li class="paizhao" @click="captureImage()">Machen Sie ein Foto</li>
    <li class="paizhao" @click="galleryImg()">Aus Album auswählen</li>
    <li class="paizhao" @click="quxiao()">Abbrechen</li>
   </ul>
  </van-action-sheet> 
</div>

//In data () deklarierte Variablen {
zurückkehren {
 imgSrc: "", //Der angezeigte Bildpfad tupianlist: "", //Der angezeigte Bildcontainer }
}

Methoden: {
     // Wähle ein Bild aus dem Album galleryImg() {
      lass Dies = dies;
      console.log("Wählen Sie ein Bild aus dem Album aus:");
      plus.gallery.pick(Funktion(Pfad) {
        This.imgSrc = Pfad; //Pfad ist ein lokaler Pfad let img = neues Image();
        img.src = Pfad;
        img.onload = Funktion(Pfad) {
          var das = img;
          var w = diese.Breite, //320
            h = diese.Höhe, //426
            Maßstab = B / H;
          b = 320 || b;
          h = b / Maßstab;
          var Leinwand = Dokument.createElement("Leinwand");
          canvas.width = 300; //Diese Einstellung kann nicht verloren gehen, sonst wird die Canvas-Standardgröße von 300*150 übernommen. canvas.height = 300; //Diese Einstellung kann nicht verloren gehen, sonst wird die Canvas-Standardgröße von 300*150 übernommen. var ctx = canvas.getContext("2d");
          ctx.drawImage(das, 0, 0, 300, 300);
          var base64 = canvas.toDataURL(
            "Bild/PNG",
            "Bild/JPEG",
            "bild/jpg",
            1 || 0,8
          );     
          Dies.tupianlist = base64;
          // console.log(This.tupianlist + "Ich bin die transkodierte Basis");
 
  //Die Schnittstelle können Sie hier anfordern};
      });
    },
    // Mach ein Foto captureImage() {
      lass Dies = dies;
      var cmr = plus.camera.getCamera(); //Kameraverwaltungsobjekt abrufen var res = cmr.supportedImageResolutions[0]; //String-Array, von der Kamera unterstützte Auflösungen var fmt = cmr.supportedImageFormats[0]; //String-Array, von der Kamera unterstützte Dateiformate // console.log("Fotoauflösung: " + res + ", Fotodateiformat: " + fmt);
      cmr.captureImage(
        Funktion(Pfad) {
          plus.gallery.save(Pfad, Parameter => {
            let Datei = Parameter.Datei;
            //Als Base64 kodieren
            var img = neues Bild();
            img.src = Datei;
            img.onload = Funktion() {
              var das = img;
              var w = diese.Breite,
                h = diese Höhe,
                Maßstab = B / H;
              b = 320 || b;
              h = b / Maßstab;
              var Leinwand = Dokument.createElement("Leinwand");
              canvas.width = 300; //Diese Einstellung kann nicht verloren gehen, sonst wird die Canvas-Standardgröße von 300*150 übernommen. canvas.height = 300; //Diese Einstellung kann nicht verloren gehen, sonst wird die Canvas-Standardgröße von 300*150 übernommen. var ctx = canvas.getContext("2d");
              ctx.drawImage(das, 0, 0, 300, 300);
              var base64 = canvas.toDataURL(
                "Bild/PNG",
                "Bild/JPEG",
                "bild/jpg",
                1 || 0,8
              );
              // konsole.log(base64);
              Dies.tupianlist = base64;
  //Die Schnittstelle können Sie hier anfordern};
          });
          //Fotoaufnahmevorgang ausführen// Verzeichnisobjekt oder Dateiobjekt über URL-Parameter abrufen plus.io.resolveLocalFileSystemURL(Pfad, Funktion(Eintrag) {
            var tmpPath = entry.toLocalURL(); //Verzeichnispfad abrufen und in die lokale Pfad-URL-Adresse konvertieren This.imgSrc = tmpPath;
            // alert("Aufnahme erfolgreich: " + tmpPath);
          });
        },
        Funktion (Fehler) {
          //Rückruf, wenn die Bildaufnahme fehlgeschlagen ist // alert("Bildaufnahme fehlgeschlagen: " + error.message);
        },
        { Auflösung: res, Format: fmt }
      );
      dies.show1 = falsch;
    },
}