将图像添加到将其发送到SQL数据库的响应式网站

Question

我遇到了什么。我们在学校做了一个项目，但我们没有通过，所以现在我们必须改进它。该项目包括控制城市的情况和事件。它适用于智能手机，但我们还不知道任何移动编程语言，所以我们可以用html和javascript编写它。我们也可以使用JSON和AJAX与我们的后端“交谈”。例如：道路上有一个洞，所以我想添加这种情况，我能够提供详细信息，它会自动通过谷歌地图获取位置。

所以现在到了这一点，有一个名为add.html的页面，在这个页面上我可以添加包含所有细节的事件或情境。我们拥有一切，但我们坚持使用图像部分。我们需要能够将图像添加到我们的数据库中。我们的网站是响应式的，我希望有一个相机的图标（所以你可以用智能手机拍照并添加它，或者你可以从智能手机上的图片中选择），这是添加图像的超链接。因此，如果你在电脑或笔记本电脑上，它应该打开你的浏览器，你可以从你的硬盘驱动器中选择一张图片，否则就像我上面说的那样。有谁知道我们需要如何解决这个问题？非常感谢提前！

Answer 1

将您的相机图标设为如下输入：

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

这将在iphone iOS 6+和android 3.0+启动相机应用。

navigator.getUserMedia()有一个javascript API。 This works in Chrome, Firefox and will work in IE 11。看到 HTML5 Rocks: Tutorials: Capturing Audio & Video in HTML5了解详情。