【问题标题】:add drag & drop to traditional file input? [closed]添加拖放到传统文件输入? [关闭]
【发布时间】:2014-04-06 10:21:24
【问题描述】:

我有一个传统的上传表单(没有上传插件或 AJAX 提交)。我希望添加一个覆盖整个页面的放置目标,就像您在 http://imgur.com 等网站上看到的那样,但我不想重新设计整个用户流程。

是否有一个简单的插件可以在文件被拖动到屏幕上时显示模式叠加,然后在输入元素被拖放时填充输入元素,并触发更改事件?如果没有,我怎么写这样的东西?

【问题讨论】:

  • 你能告诉我们你尝试了什么吗? SO 是一个修复代码的地方,这个问题非常广泛,很可能会被否决并关闭。
  • @JayBlanchard 这似乎根本不是一个广泛的问题。也许我不明白你的意思。我看到像this one 这样的答案,它会在放置时抓取一个文件,但它们最终会得到一个 javascript 文件数组。相反,我需要填充一个 input[type=file] 字段。我正在尝试了解如何解决这个问题,因此,我还没有演示代码。
  • 您要求 SO 社区为您找到一个插件或编写您的代码。
  • @JayBlanchard 我想你可能对 stackoverflow 是什么感到困惑。这是about page编码技术显然是预期的。我花了两天时间研究拖动在浏览器中的工作原理,并且只找到了 AJAX 解决方案。所以我问了一个简单明了的问题。 “没有 AJAX 怎么办?”如果答案是“你不能”,那很好,但如果我不知道要采取什么方法,我应该如何显示我的代码?这是一个令人难以置信的普遍需求,但文档不足。我不是要别人写我的代码,而是要一个方向。
  • 你看过 jQuery 网站上的文档吗?顺便说一句,这是在“关于”页面中:“关注有关您所面临的实际问题的问题。包括有关您尝试过的内容以及您正在尝试做的事情的详细信息。”

标签: javascript jquery


【解决方案1】:

经过大量研究,我发现这是不可能的,因为出于安全原因,在现代浏览器中,FILE 输入类型对 javascript 是只读的。由于这个限制,AJAX 样式的请求是执行拖放上传的唯一方式。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-09
    • 2014-02-05
    • 1970-01-01
    • 2014-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-09
    相关资源
    最近更新 更多