我们有一个网页(主要是HTML javascript和PHP),允许用户上传图片。我们有正常的浏览按钮,它工作正常。但是,我们希望添加将图像拖放到文本字段中的功能。
gmail允许您在他们的邮件应用程序中执行此操作,因此这是可能的。我们想到的唯一方法就是创建一个可以完成所有这些工作的java applet,但最终会非常混乱。
有人这样做过吗?它是如何工作的?
编辑:我在Mac上使用Firefox。我的大多数用户可能都在Windows上使用IE。
感谢
答案 0 :(得分:2)
您可以在XUL(使其成为仅限Firefox的解决方案)或ActiveX(仅限IE的解决方案)中执行此操作。
答案 1 :(得分:1)
我已经尝试拖动它们的编辑器。如果文件在网页上,它将选择路径,但如果它在本地驱动器上,则路径将为“file:// c:....”,该路径将不会随消息一起上传,并且最终成为破碎的图像。
出于安全原因,浏览器无权访问本地文件系统,因此我怀疑这种方式是否会像您描述的那样工作。
答案 2 :(得分:1)
这是一个老问题,但它出现在我的搜索结果中。
因此,为了参考,请使用HTML5文件类和拖放。
有关详细信息的文章:http://www.html5rocks.com/en/tutorials/file/dndfiles/
答案 3 :(得分:0)
将文件拖放到普通输入字段会将图像的本地路径复制到输入字段中,但是由于< input type ='file'>的.value属性,这对您来说毫无价值。标签只是出于安全原因。
您会注意到gmail只允许您将图像(用于上传)拖放到< input type ='file'>输入而不是任何其他字段。
我想你要问的是"how do I style a <input type='file'> tag like google",这是另一个主题。
编辑:在IE浏览器中,您无法将文件拖到&lt; input type ='file'&gt;标签
答案 4 :(得分:0)
完成此操作的最佳方法是制作Adobe AIR独立版,例如https://www.photoshop.com/express
的照片上传器你可以在这篇文章中找到一些很棒的信息: http://devzone.zend.com/article/3650-Desktop-Image-Uploaders-Using-Adobe-AIR-and-JavaScript
答案 5 :(得分:0)
我认为我有一种解决方法,因为地狱FF3本地文件系统问题,但我需要一个javascript来测试。如何从文件上载表单中读取本地文件路径?请停止使用'flash is a solution'。我是一名Flash开发人员,甚至我认为这不是一个好的解决方案。
答案 6 :(得分:0)
您是否偶然安装了这个Firefox扩展程序?
http://www.teslacore.it/wiki/index.php?title=DragDropUpload
如果有一个解决方案而不必安装外部插件或扩展,我会感到惊讶。有人提到这将是一个安全问题。一个网站将能够从人们的计算机中获取文件并在他们不知情的情况下上传它们。
答案 7 :(得分:0)
查看SWELL框架。它基于javascript。