上传具有唯一约束的文件

Question

我正在寻找一种简单的文件上传方式，但不幸的是有一组独特的约束：

1. 我有一个按钮点击的事件处理程序。在这个事件处理程序中，我想调用一些方法来弹出“Browse for File”对话框（这是一个原生的OpenFileDialog框）。用户将导航并选择要上载的文件。用户单击“确定”按钮后，将向服务器发送一个发布请求。

2. 当发布请求落在服务器上时，完全限定的文件名（即具有完整路径）位于发布请求的一个参数中。

3. 我不想拥有表单（至少没有明确地，动态地和临时地在iframe中生成或者没有任何形式）。我的HTML中没有元素，也不允许使用flash，因此不能考虑像Uploadify这样的内容。也不能考虑Ajax上载（http://valums.com/ajax-upload/），因为它希望DOM中已经存在一个元素。另一方面，我希望在事件处理程序启动后处理上传。

4. 进度条，不需要多个文件上传。

Answer 1

只需在处理程序中动态创建元素，然后使用AjaxUpload。

Answer 2

只有JS + HTML才能做到这一点。 你至少需要像Flash或Silverlight或Java这样的东西。

Answer 3

首先，在单击某个按钮后创建一个输入元素，然后触发单击文件元素以打开本机文件框。

var formData = new FormData();
formData.append('upfile', this.files[0]);

然后，ajax上传文件。根据需要使用iframe，formData或任何其他插件。

{{1}}

其余的你可以谷歌。