我如何选择多个文件上传，如Facebook或Gmail或Flickr？
<button>Upload files</button>
当您按下“上载文件”按钮时，会出现OpenDialogBox，您可以使用CTRL键选择多个文件...然后按下打开键上传开始谢谢！
5ktev3wc1#
右键点击gmail中的附加链接，你会看到你的“邪恶”朋友闪现。
snz8szmq2#
这个例子不会在你提交表单之前开始上传，但是我会把它放在一起，以防你只想用一个表单提交上传多个文件（使用jQuery）。我使用“uploadify”效果很好，如果你正在寻找一个Flash脚本（预先警告，Flash不处理会话变量）。我喜欢使用jQuery clone()函数。它让事情变得简单。这是你的形式：
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; }); });
当点击id为extraUpload（#extraUpload）的链接时，文档对象模型（DOM，或“html页面”上的最后一个元素）中类为uploadfile（.uploadfile:last）的最后一个元素将与clone() ...并添加到div #Uploadcontainer的末尾，其中appendTo() ...然后，使用val()使所添加的输入字段的值为空而没有任何值。
extraUpload
#extraUpload
uploadfile
.uploadfile:last
#Uploadcontainer
appendTo()
val()
vyswwuz23#
在HTML5中，你可以使用type=“file”属性的元素来创建一个文件上传字段。要允许用户选择多个文件，可以将multiple属性添加到input元素。下面是一个例子：
<html> <form action="/action_page.php" method="post" enctype="multipart/form-data"> <input id="files" name="files[]" type=”file” multiple> <input type="submit" value="Send Request"> </form> </html>
在本例中，元素有一个action属性，该属性指定用PHP编写的服务器端脚本的URL，该脚本将处理文件上传。method属性被设置为“post”，这意味着数据将在HTTP请求体中发送到服务器。enctype属性被设置为“multipart/form-data”，这是文件上传所必需的，而这个值告诉浏览器将数据编码为几个部分，每个部分包含一个单独的文件。input元素有一个type属性设置为“file”，它创建了一个文件上传字段。name属性被设置为“files[]"，这意味着一旦表单被提交，上传的文件将在PHP中的$_FILES ['files']数组中可用。
3条答案
按热度按时间5ktev3wc1#
右键点击gmail中的附加链接，你会看到你的“邪恶”朋友闪现。
snz8szmq2#
这个例子不会在你提交表单之前开始上传，但是我会把它放在一起，以防你只想用一个表单提交上传多个文件（使用jQuery）。
我使用“uploadify”效果很好，如果你正在寻找一个Flash脚本（预先警告，Flash不处理会话变量）。
我喜欢使用jQuery
clone()函数。它让事情变得简单。这是你的形式：
对于jQuery：
当点击id为
extraUpload（#extraUpload）的链接时，文档对象模型（DOM，或“html页面”上的最后一个元素）中类为uploadfile（.uploadfile:last）的最后一个元素将与clone()...并添加到div#Uploadcontainer的末尾，其中appendTo()...然后，使用val()使所添加的输入字段的值为空而没有任何值。vyswwuz23#
在HTML5中，你可以使用type=“file”属性的元素来创建一个文件上传字段。
要允许用户选择多个文件，可以将multiple属性添加到input元素。
下面是一个例子：
在本例中，元素有一个action属性，该属性指定用PHP编写的服务器端脚本的URL，该脚本将处理文件上传。method属性被设置为“post”，这意味着数据将在HTTP请求体中发送到服务器。
enctype属性被设置为“multipart/form-data”，这是文件上传所必需的，而这个值告诉浏览器将数据编码为几个部分，每个部分包含一个单独的文件。
input元素有一个type属性设置为“file”，它创建了一个文件上传字段。name属性被设置为“files[]"，这意味着一旦表单被提交，上传的文件将在PHP中的$_FILES ['files']数组中可用。