使用jQuery和Javascript打开IOS摄像头应用程序并将其存储为变量

Question

有没有可能我可以使用jQuery和Javascript，这样我就可以在IOS上打开摄像头应用程序，拍照，然后将图像保存到变量中，这样我就可以将其上传到parse中？

我不喜欢使用这个，因为你无法控制图像。

<input id = "Input" type="file" accept="image/*" capture="camera">

谢谢

Answer 1

您可以使用File API以及生成的无可见输入[type="file"]，这将为您留下一个File对象，然后您可以将其作为二进制文件使用，或者如下面的示例所示，将其作为Base64 url，然后您可以将其传递给服务器。

var btn = document.getElementById('upload-image'),
  uploader = document.createElement('input'),
  image = document.getElementById('img-result');

uploader.type = 'file';

btn.onclick = function() {
  uploader.click();
}

uploader.onchange = function() {
  var reader = new FileReader();
  reader.onload = function(evt) {
    image.src = evt.target.result;
  }
  reader.readAsDataURL(uploader.files[0]);
}

<button id="upload-image">Select Image</button>
<img id="img-result" style="max-width: 200px;" />