javascript - Phonegap - ios9 文件输入

Question

我在使用phonegap和iOS 9时遇到问题，这在ios 8上运行良好，当您单击文件输入时，它会在屏幕中间显示一个取消按钮，点击时不会执行任何操作。文件输入在 safari 中工作正常，但在我构建的应用程序中却不行。

我意识到有一个phonegap文件 uploader API，但我使用我的应用程序作为我网站的移动版本的网络浏览器，所以我还没有构建一个完全 native 的应用程序，这对我来说是一个快速解决方案。

这可能是因为新的操作表样式或 iOS 9 中添加到操作表的新选项。

有没有人有一个解决方案，我可以跳过操作表，并在单击输入文件时直接进入相机胶卷？或者有什么解决办法吗？

Answer 1

我移至插件 - cordova-plugin-camera这解决了问题。

点击输入类型文件后:

  e.preventDefault();

  navigator.notification.confirm(
    'Please select image', // message
    function (buttonIndex) {
      if (buttonIndex === 1) {
        photoFromSource(navigator.camera.PictureSourceType.CAMERA);
      } else {
        photoFromSource(navigator.camera.PictureSourceType.PHOTOLIBRARY);
      }
    },            // callback to invoke with index of button pressed
    'Image capture',           // title
    ['Camera', 'Gallery']     // buttonLabels
  );

  function photoFromSource(source) {
    var targetWidth = 640,
      targetHeight = 640,
      onSuccess = function (imageURI) {

        var image = new Image(),
          canvas = document.createElement('canvas'),
          canvasContext = canvas.getContext('2d');

        image.onload = function () {
          canvas.width = image.width;
          canvas.height = image.height;
          canvasContext.drawImage(image, 0, 0, image.width, image.height);

          var dataURL = canvas.toDataURL();

          self.model.set('imageData', dataURL);
          self.model.setDataAttr('image', true);
          self.render();
        };

        image.src = imageURI;
      },
      onFail = function (message) {
        // Ignore if no image seleted
        if (!/^no image selected$/.test(message))
          alert('Failed because: ' + message);
      },
      opts = {
         quality: 50,
         destinationType: navigator.camera.DestinationType.FILE_URI,
         sourceType: source,
         mediaType: navigator.camera.MediaType.PICTURE,
         targetWidth: targetWidth,
         targetHeight: targetHeight,
         encodingType: navigator.camera.EncodingType.JPEG,
         correctOrientation: true,
         cameraDirection: navigator.camera.Direction.BACK,
         saveToPhotoAlbum: false
      };

    try {
      navigator.camera.getPicture(onSuccess, onFail, opts);
    }
    catch (e) {
      alert('Could not capture image: ' + e);
    }
  };