javascript或html是否可以为用户拖动图像创建放置区?我想这是一个图像占位符,它将接受在页面生效时拖入图像的图像?
答案 0 :(得分:3)
图片来自哪里?如果您希望能够从网页本身拖动图像,那么这是可能的,但如果您希望删除外部图像,那么根本不可能使用JavaScript。目前很难。< / p>
编辑正如@John Boker所说,这是可能的,但目前,API非常不标准,并且在浏览器之间变化很大。 HTML 5将支持标准和更简单的API,但HTML 5本身尚不是标准。
一些资源:
答案 1 :(得分:3)
最近http://www.dropzonejs.com/变得非常受欢迎。
答案 2 :(得分:1)
简答:是的,您可以,但您的浏览器需要支持HTML5中的拖放和文件API。目前,这只是Chrome 8+和Firefox 3.6 +。
2011年7月更新:支持此功能的当前浏览器包括Chrome,Firefox,Safari 6(如果使用FormData对象,则为Safari 5)和IE 10 Preview 2.更多信息here
IE 8和9不起作用,不确定IE9 final是否会改变它。
Safari 5(尽管Apple吹捧HTML5)不支持必需的文件API,并且无法识别本机资源的DnD(页面中的DnD可以工作,但这只是问题的一半)。您可以通过使用“FILE”类型的INPUT字段样式来解决Safari 5中的这种缺点,实际上不显示文件路径栏并利用拖拽到Safari中的文件上传框实际插入的事实完整的文件名 - 您可以使用一些JavaScript在下载和中提后立即触发上传。这是a tutorial专门用于该黑客攻击。
Opera似乎不支持这两种API - 我已经读过他们正在等待HTML5规范的争夺,直到尘埃落定然后添加对这样做所必需的API的支持。
我实际上是上面链接的HTML5 Drag and Drop/File API Upload tutorial的作者,并使用该方法在imgscalr.com完全实现了你想要的东西 - 如果你想把它拉下来并且看看,那么JavaScript会被大量评论我是怎么做的。
希望有所帮助。