Question

所以我在我的项目中使用cordova-plugin-camera制作照片并从画廊中选择。

我的android和iOS应用程序根本没有任何问题。但是当在实时Windows 10移动设备上测试时，我的应用程序在从我的库中选择了一个图像后崩溃。

相机确实有效。

我使用的代码（简化）

this.camera.getPicture({
  quality: 50,
  destinationType: this.camera.DestinationType.FILE_URI,
  sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE,
  saveToPhotoAlbum: false,           //gave problems in Windows
  correctOrientation: true
}).then(imageURI => {
  this.navCtrl.push(Page2, {image: imageURI});
}, err => {
  // ionic alert, way of still showing alerts to Windows users
  this.alertCtrl.create({message: err}).present();
});

在Page2组件中，在执行任何操作之前，通常会显示imageURI已通过的警报。

无论是成功还是错误回调都没有执行，应用程序就会关闭。

我尝试在它周围添加一个try-catch，但似乎它没有抛出错误。（至少，捕获物没有捕获它。）

Answer 1

因此，在Windows Universal Application中，在构建Cordova应用程序时无法访问照片库（至少，我还没有找到）。由于对文件的读/写访问。（想象一下，在桌面上打开一个Windows 10应用程序，只是让你的所有照片排成一行，这不是一个好主意。）

解决方法是使用文件输入并在按钮单击时触发它（因此您的UI不会更改）。这样，用户可以为他/她/她自己选择文件，并为应用程序提供对该文件的读/写访问权。

html看起来有点像这样：

<input type="file" hidden #file (change)="fileChanged()"></input>
<button (click)="file.click()">My custom button</button>

并从fileinput：

读取src（作为dataURI）

fileChange(event) {
    // show loading screen, this is not very fast on UWP
    let loading = this.loadingCtrl.create({
      content: 'Processing photo...'
    });
    loading.present();

    let fileList: FileList = event.target.files;
    if(fileList.length > 0) {
      let file: File = fileList[0];
      var reader = new FileReader();

      // define callback seperate from onload, else e.target.result is undefined
      let callback = (e) => { 
         loading.dismiss(); 
         let src = e.target.result;
      };

      reader.onload = callback;

      reader.readAsDataURL(event.target.files[0]);
    }
  }

Windows 10移动版 - 从库中选择时应用程序崩溃

1 个答案: