0

我试图找到一种方法，可以将由页面上的 HTML 元素表示的远程文件拖到拖放文件上传框。拖放文件上传的默认功能是使用浏览对话框接受来自浏览器外部的输入或在区域内拖动文件，但我不确定是否有一个实现允许来自表示一个元素的输入浏览器页面内的文件。

我正在使用plupload但如果另一个插件支持该功能，我很想听听。编辑添加：关于 plupload 是否支持这一点的见解将非常有帮助，因为它是项目规范的一部分。这里对 JS 不是很了解。我希望这个描述能清楚地表达出来，一直在努力寻找这个，但似乎什么也没有出现。:)

4

1 回答 1

0

https://github.com/blueimp/jQuery-File-Upload/wiki

除了拖放/浏览之外，它还允许您“手动”将文件添加到上传队列（因此​​您可以在某些 html 元素中设置属性数据文件，然后访问这些并将它们添加到队列中）但您需要用 javascript 弄脏你的手，这是一个很棒的插件，但确实需要一些 JS 流利度才能让它做你想做的事情

注意：imo首先不使用它提供的ui/template系统，从基础开始：https ://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

从 API 页面：

块引用

程序化文件上传

通常，通过文件输入按钮选择文件或将文件拖放到拖放区来调用文件上传。

但是，也可以为支持 XHR 文件上传的浏览器以编程方式上传文件（请参阅浏览器支持）：

  $('#fileupload').fileupload('add', {files: filesList});

第二个参数必须是具有 File 或 Blob 对象的数组（或类似数组的列表）作为 files 属性的对象。其他属性允许覆盖文件上传的选项，例如上传 url：

  $('#fileupload').fileupload('add', {files: filesList, url: '/path/to/upload/handler.json'});

更多：https ://github.com/blueimp/jQuery-File-Upload/wiki/API

于 2013-01-17T21:00:59.227 回答