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

Question

我正在尝试编写一个脚本，允许用户在我的jquerymobile驱动站点上上传他们的手机拍摄(或从中选择)的照片。我发现AJAX不允许在表单中提交文件，我必须使用下面这行代码

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

表单本身，但我找不到任何方式来告诉智能手机提示用户在手机上选择一张照片或拍摄一张新照片。

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

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

Answer 1

当使用Samsung 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>

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