javascript - 多个文件以html形式上传

Question

我正在尝试以 html 形式模拟多个上传文件，看起来类似于雅虎的电子邮件附件步骤。我有这个代码作为我的 html 表单。 (outdata 是一个 NSMutableString。)

 id out = @"<form action=\"\" method=\"post\" enctype=\"multipart/form-data\" name=\"form1\" id=\"form1\">"
 "<label>upload file:"
 "<p>"
 "</label>"
 "<label>"
 "<input type=\"file\" name=\"file1\" id=\"file1\" value=\"LookUp1\" />"
 "</label>"
 //"<label>"
 //"<input type=\"submit\" name=\"button\" id=\"button\" value=\"Submit1\" />"
 //"</label>"]
 //"</form>"

 //add 2nd browse submit
 //"<form action=\"\" method=\"post\" enctype=\"multipart/form-data\" name=\"form1\" id=\"form1\">"
 //"<label>upload file"
 //"</label>"
 "<p>"
 "<label>"
 "<input type=\"file\" name=\"file2\" id=\"file2\" value=\"LookUp2\" />"
 "</label>"
 "<label>"
 "<input type=\"submit\" name=\"button\" id=\"button\" value=\"Submit\" />"
 "</label>"
 "</form>";

[outdata appendString:out];

html输出结果如下。基本上，服务器会将文件保存在服务器硬盘上。效果很好。除了它只保存第一个浏览...按钮而不是第二个按钮的文件，即使我填充了两个框。目标是当我单击“提交”按钮时，两个框中的文件应依次发布。

这是我需要编写的客户端 JavaScript 吗？任何帮助将不胜感激。

Answer 1

有些库正在执行此操作，因此也许它们可以完全解决您的问题或以某种方式启发您。例如http://digitarald.de/project/fancyupload/能够做到这一点。