javascript - 使用 jQuery 和 Javascript 打开 IOS 相机应用程序并将其存储为变量

Question

我是否可以使用 jQuery 和 Javascript，这样我就可以在 IOS 上打开相机应用程序，拍照，然后将该图像保存到一个变量中，这样我就可以将它上传到解析中？

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

<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;" />