javascript - 如何通过 "fineuploader"库调用移动设备上的摄像头？

Question

Fine Uploader Javascript Upload Library

document for "Upload from Mobile Device Cameras"

以下代码已测试浏览器和系统:

1. Safari - iOS 10.2

2. Chrome - Android 6.0

代码:

$(function() {
    var uploader = new qq.FineUploader({
        callbacks: {
            onAllComplete: function(suc, fail) {
                addBtnAttr();
            }
        }
    });

    function addBtnAttr() {
        $("input[type=file]").attr({
            accept: "image/*",
            capture: "camera"
        });
    }
    addBtnAttr();
});

这可以工作!

但是这并没有使用fine-uploader库提供的API。

是否有更好的方法或正确的方法在移动设备上调用相机？

Answer 1

根据Capture Attribute ,

并且Fine-Uploader仅提供accept接口(interface)，没有capture接口(interface)，

仅此而已，

$(function() {
  new qq.FineUploader({
      element: ...,
      request: {
          endpoint: '...'
      },
      callbacks: {
          onAllComplete: function(suc, fail) {
              addCaptureAttr();
          }
      },
      validation: {
          acceptFiles: 'image/*;'
      }
  });

  function addCaptureAttr() {
      //if only one input with file type
      $("input[type=file]").attr({
          capture: "camera" //(or any "truthy values")
      });
  }
  addCaptureAttr();
});