Question

如何选择要上传的多个文件，如Facebook或Gmail或Flickr？

<button>Upload files</button>

当您按上传文件按钮时，会出现OpenDialogBox，您可以使用CTRL KEY选择多个文件...然后按打开并开始上传...

谢谢！

Answer 1

右键点击Gmail中的附加链接，您将看到 evil 朋友的闪光灯。

Answer 2

此示例在您提交表单之前不会开始上传，但是如果您只想使用一个表单提交（使用jQuery）上传多个文件，我会将其添加到组合中。

如果您正在寻找Flash脚本，我已经使用了“uploadify”并获得了良好的结果（预先警告，Flash不会处理会话变量）。

我喜欢使用jQuery clone()函数。它让事情变得简单。

以您的形式：

<div id="Uploadcontainer">
   <input type="file" name="uploadfiles[]" class="uploadfile" />
</div>
<a id="extraUpload" href="#">Add another field</a>

这适用于jQuery：

/**********************
    FILE UPLOAD
***********************/    
$(document).ready(function(){   
      $("#extraUpload").click(function () {
      $('.uploadfile:last').clone().appendTo('#Uploadcontainer').val("");      
       return false;
  });
  });

当点击带有extraUpload（#extraUpload）的链接时，文档对象模型中的最后一个元素（DOM，或“html页面”上的最后一个元素）与类uploadfile（.uploadfile:last）与clone()重叠...并使用#Uploadcontainer添加到div appendTo()的末尾...然后，值{使用val()添加的输入字段为空白，没有任何值。

用于选择多个文件的输入文件HTML如Facebook或Google？

2 个答案: