Vue implements the function of calling the mobile phone camera and album

<div>
//Picture to be displayed <div class="imgBox name">
      <img :src="imgSrc" />
  </div>
  <van-action-sheet v-model="show1">
   <ul>
    <li class="paizhao" @click="captureImage()">Take a photo</li>
    <li class="paizhao" @click="galleryImg()">Select from album</li>
    <li class="paizhao" @click="quxiao()">Cancel</li>
   </ul>
  </van-action-sheet> 
</div>

//Variables declared in data () {
return {
 imgSrc: "", //The displayed image path tupianlist: "", //The displayed image container }
}

methods: {
     // Select an image from the album galleryImg() {
      let This = this;
      console.log("Select a picture from the album:");
      plus.gallery.pick(function(path) {
        This.imgSrc = path; //path is a local path let img = new Image();
        img.src = path;
        img.onload = function(path) {
          var that = img;
          var w = that.width, //320
            h = that.height, //426
            scale = w / h;
          w = 320 || w;
          h = w / scale;
          var canvas = document.createElement("canvas");
          canvas.width = 300; //This setting cannot be lost, otherwise it will become the canvas default size of 300*150 canvas.height = 300; //This setting cannot be lost, otherwise it will become the canvas default size of 300*150 var ctx = canvas.getContext("2d");
          ctx.drawImage(that, 0, 0, 300, 300);
          var base64 = canvas.toDataURL(
            "image/png",
            "image/jpeg",
            "image/jpg",
            1 || 0.8
          );     
          This.tupianlist = base64;
          // console.log(This.tupianlist + "I am the transcoded base");
 
  //You can request the interface here};
      });
    },
    // Take a photo captureImage() {
      let This = this;
      var cmr = plus.camera.getCamera(); //Get the camera management object var res = cmr.supportedImageResolutions[0]; //String array, camera supported resolutions var fmt = cmr.supportedImageFormats[0]; //String array, camera supported file formats // console.log("Photo resolution: " + res + ", Photo file format: " + fmt);
      cmr.captureImage(
        function(path) {
          plus.gallery.save(path, params => {
            let file = params.file;
            //Encode as base64
            var img = new Image();
            img.src = file;
            img.onload = function() {
              var that = img;
              var w = that.width,
                h = that.height,
                scale = w / h;
              w = 320 || w;
              h = w / scale;
              var canvas = document.createElement("canvas");
              canvas.width = 300; //This setting cannot be lost, otherwise it will become the canvas default size of 300*150 canvas.height = 300; //This setting cannot be lost, otherwise it will become the canvas default size of 300*150 var ctx = canvas.getContext("2d");
              ctx.drawImage(that, 0, 0, 300, 300);
              var base64 = canvas.toDataURL(
                "image/png",
                "image/jpeg",
                "image/jpg",
                1 || 0.8
              );
              // console.log(base64);
              This.tupianlist = base64;
  //You can request the interface here};
          });
          //Perform photo taking operation// Get directory object or file object through URL parameter plus.io.resolveLocalFileSystemURL(path, function(entry) {
            var tmpPath = entry.toLocalURL(); //Get the directory path and convert it to the local path URL address This.imgSrc = tmpPath;
            // alert("Shooting successful: " + tmpPath);
          });
        },
        function (error) {
          //Callback when image capture failed // alert("Image capture failed: " + error.message);
        },
        { resolution: res, format: fmt }
      );
      this.show1 = false;
    },
}