使用Java脚本拖放文件图标

问题描述 投票:2回答:4

我想在用户将其拖放到某种div上时获得图标的图像,但是它会准确显示用户看到的内容(例如,缩略图,*。ico),或者可以这样做,或者有谁知道做过类似事情的项目吗?

javascript drag-and-drop dom-events
4个回答
1
投票

我建议混合使用:

此出色的拖放上传库:http://valums.com/ajax-upload/

此JavaScript代码可在上传图片之前预览上传的图片How to upload preview image before upload through JavaScript

您必须在Valum的上载器中添加一个侦听器,以获取正在上载的文件,然后使用第二个链接中的代码显示它。

通过javascript获取本地图像路径不是一件容易的事,而在支持大多数浏览器的同时做到这一点将是最糟糕的事情……

解决问题的一种更简单的方法是将图像上传到服务器上的临时位置,返回该临时路径并显示刚刚上传的图像。然后添加第二个“保留”和“放弃”按钮,如果用户喜欢他上传的图像,则将上传的图像保存到真实路径,然后删除临时图像。由于您的图片是.ico,因此我认为它们不是很大的文件,因此使用该技术,它们可以非常快地上传,并且用户也可以快速获得“预览”。

您应该问自己,是否所有时间都花在调整代码上,以便在上传之前真正地改善用户使用工具的体验,从而向用户显示预览!


1
投票

您可能需要一些额外的工作才能将ico文件转换为可在浏览器中查看的文件格式(例如JPEG,PNG。]


0
投票

这里是一个很棒的教程,我认为它可以帮助您解决许多问题。如果我理解您的问题对。http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/


0
投票

我不知道您是否要使用html5,但我认为使用jQuery可以做到这一点。我找到了这个网址:http://decafbad.com/2009/07/drag-and-drop/api-demos.html#data_transfer

这里您有一个“使用拖动反馈图像”,也许这可以为您提供帮助:)

© www.soinside.com 2019 - 2024. All rights reserved.