我可以在表单中使用文件字段发布内联图像吗答案

【问题标题】：Can I post an inline image using file field in a form我可以在表单中使用文件字段发布内联图像吗
【发布时间】：2010-12-14 12:57:58
【问题描述】：

我在 HTML 文档中加载了一个 IMG，我想使用表单中的“文件”字段上传它。表单在同一个文档中，所以我不应该有任何安全问题。

是否可以将图像上传到服务器？

我设法从硬盘驱动器中选择了一个文件来上传图像，但我不知道如何使用 HTML 文档中的 IMG。

【问题讨论】：

【解决方案1】：

使用 javascript，您可以从内联图像中获取“src”属性（如果 src 是相对引用，则附加到当前 url 位置）并将其作为隐藏字段发布到表单中。

然后，服务器端应用程序将从同一来源下载图像，使用 PHP 中的 curl 或 python 中的 urllib 之类的东西。

【讨论】：

【解决方案2】：

我没有这方面的实践经验，但似乎可以使用canvas.toDataURL。我不知道 IE 与 exCanvas 的兼容性。

请参阅this SO answer 以获得成功的解决方案。

【讨论】：

【解决方案3】：

不，这是不可能的，因为 HTML 表单只会从您的计算机上传文件。

如果您可以在表单页面上显示图像，为什么不能在隐藏的表单字段中引用其 url 以便稍后访问该字段。

因此，例如，您的图片将是 <img src="URL"/>，然后您可以在表单中插入一个类似于以下内容的字段：

<input type="hidden" value="URL" name="my_image"/>

提交表单后，您可以通过POST 或GET 参数以PHP 或您使用的任何语言访问图像的URL。最好事先对图像的 URL 进行 URL 编码。

【讨论】：

【解决方案4】：

它基本上发布原始图像数据，然后在服务器上对其进行解码并将其写入文件。我自己实现的，效果很好。

【讨论】：