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

Posted 2023-04-17

【中文标题】将图像添加到响应式网站，然后将其发送到 SQL 数据库

【英文标题】：Adding an image to a responsive website that sends it to an SQL database

【发布时间】：2013-07-22 12:06:26

【问题描述】：

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

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

【问题讨论】：

我们都可以在某个地方卸载我们的工作，不是吗？然后@MohammadAreebSiddiqui 建立一个问答网站是没有意义的。到 OP，搜索 'php upload' 或 'ajax file upload' 你会找到你需要的

@rath 我认为我们在这里是为了帮助编程而不是为了创造他们想要的东西。

你真的尝试过实现这个吗？如果是，请发布代码

【参考方案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了解详情。

【讨论】：

感谢@Roman 我没有意识到支持仍然如此有限。我做了一些研究并更新了答案。