9

我们有一个允许用户上传图片的网页(主要是 HTML javascript 和 PHP)。我们有正常的浏览按钮,它工作正常。但是,我们希望添加将图像拖放到文本字段中的功能。

gmail 允许您在他们的邮件应用程序中执行此操作,所以这是可能的。我们想到的唯一方法是创建一个 Java 小程序来完成所有这些工作,但这最终会变得非常混乱。

有人做过吗?它是如何工作的?

编辑:我在 Mac 上使用 firefox。我的大多数用户可能会在 Windows 上使用 IE。

谢谢

4

8 回答 8

2

您可以在 XUL(使其有效地成为仅限 Firefox 的解决方案)或 ActiveX(仅限 IE 的解决方案)中执行此操作。

于 2009-02-18T21:57:27.267 回答
2

这是一个老问题,但它出现在我的搜索结果中。

因此,作为参考,请使用 HTML5 文件类和拖放。

此处有详细信息的文章:http: //www.html5rocks.com/en/tutorials/file/dndfiles/

于 2012-04-19T22:33:13.860 回答
1

我已经尝试拖放并为他们的编辑器提供图像。如果文件在网页上,它将选择路径,但如果它在本地驱动器上,则路径将为“file://c:....”,不会与消息一起上传,而是最终成为一个破碎的形象。

出于安全原因,浏览器无权访问本地文件系统,所以我怀疑这是否会按照您描述的方式工作。

于 2009-02-18T21:43:36.317 回答
0

将文件拖放到普通输入字段中会将图像的本地路径复制到输入字段中,但这对您来说毫无价值,因为出于安全原因,<input type='file'> 标记的 .value 属性是只读的。

您会注意到 gmail 仅允许您将图像(用于上传)拖放到 <input type='file'> 输入而不是任何其他字段。

我认为您要问的是“我如何设置 <input type='file'> 标签的样式,例如 google”,这是另一个话题。

编辑:好的,在 IE 中,您不能将文件拖到 <input type='file'> 标记中

于 2009-02-18T21:39:34.113 回答
0

完成此任务的最佳方法是制作独立的 Adob​​e AIR,例如https://www.photoshop.com/express的照片上传器


你可以在这篇文章中找到一些很棒的信息:http: //devzone.zend.com/article/3650-Desktop-Image-Uploaders-Using-Adobe-AIR-and-JavaScript

于 2009-02-19T11:18:46.717 回答
0

我想我有办法解决烦人的 FF3 本地文件系统问题,但我需要一段 javascript 来测试。如何从文件上传表单中读取本地文件路径?请停止使用“闪存是一种解决方案”。我是一名 Flash 开发人员,即使我认为这不是一个好的解决方案。

于 2009-02-21T00:34:50.743 回答
0

您是否偶然安装了此 Firefox 扩展程序?

http://www.teslacore.it/wiki/index.php?title=DragDropUpload

如果有无需安装外部插件或扩展的解决方案,我会感到惊讶。正如有人提到的那样,这将是一个安全问题。一个网站将能够从人们的计算机中获取文件并在他们不知情的情况下上传它们。

于 2009-02-21T01:09:07.527 回答
0

查看 SWELL 框架。它基于javascript。

于 2010-04-16T14:14:55.077 回答