在智能手机上预览和上传图像

Question

我正在尝试编写一个脚本，允许用户在我的 jquerymobile 驱动网站上上传由他们的手机拍摄（或从中选择）的图片。 我发现 AJAX 不允许在表单中提交文件，我将不得不使用以下行

<form method=”POST” enctype=”multipart/form-data” action=”process_update.php” data-ajax=”false”>

对于表单本身，但无论如何我都找不到告诉智能手机提示用户在选择手机上的照片还是拍摄新照片之间进行选择。

我该如何做到这一点？我会更好地考虑使用某种插件吗？

作为表单提交的一部分，我计划在服务器端执行裁剪和大小更改。

Answer 1

使用三星 Galaxy S II 设备的浏览器 (webkit = 534.30) 和以下表单时：

<form method="POST" enctype="multipart/form-data" action="process_update.php">
  <input type="file" accept="image/*; capture=camera" />
  <input type="submit" />
</form>

按下文件输入按钮时，设备提示我选择相机或画廊。我相信在 webkit 中触发这种行为的是 accept="image/*..." 属性。