求html多文件上传代码可参考以下代码

我想要当用户选择一个checkbox时自动弹出一个上传框选择多个checkbox弹出多个上传框（以下是上传图片的代码，求大大帮忙改下改成上传格式为RAR的）还有哪里设置上... 我想要当用户选择一个checkbox时自动弹出一个上传框选择多个checkbox弹出多个上传框（以下是上传图片的代码，求大大帮忙改下改成上传格式为RAR的）还有哪里设置上传路径？完成以上功能再加分

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function imgChange(next) {
if(next != null)
document.getElementById(next).style.display = "";
}
function validate() {
var phos = 2;
for(i = 0; i < 2; i++) {
if($("del" + i).checked == true)
phos--;
}
for(i = 0; i < 4; i++) {
if($("photoFile" + i).value != "")
phos++;
}
if(phos > 4) {
alert("图片太多,您最多总共可以保存4张图片!");
return false;
}
return true;
}
</script>
<form action="/addTrade.do" method="post" enctype="multipart/form-data" onSubmit="return validate()">

<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0"
summary="upload pictures">
<tr id="tr_photoFile0">
<td width="119" align="right" class="title">
上传照片：
</td>
<td width="499">
<input type="file" name="photoFile0" id="photoFile0"
size="40" onChange='return imgChange("tr_photoFile1")' />
</td>
</tr>
<tr id="tr_photoFile1" style="display: none;">
<td>

</td>
<td>
<input type="file" name="photoFile1" id="photoFile1"
onChange='return imgChange("tr_photoFile2")' size="40" />
</td>
</tr>
<tr id="tr_photoFile2" style="display: none;">
<td>

</td>
<td>
<input type="file" name="photoFile2" id="photoFile2"
onChange='return imgChange("tr_photoFile3")' size="40" />
</td>
</tr>
<tr id="tr_photoFile3" style="display: none;">
<td>

</td>
<td>
<input type="file" name="photoFile3" id="photoFile3"
onChange='return imgChange(null)' size="40" />
</td>
</tr>
</table>
</div>

<input name="submit" type="submit" value="提交"/>
</form> 展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

qh663
推荐于2017-09-18 · TA获得超过187个赞

知道小有建树答主

回答量：270

采纳率：0%

帮助的人：226万

我也去答题访问个人页

关注

展开全部

从技术角度看，你只需要在input控件中标注multiple标签就够了

以下就是演示代码：

<!DOCTYPE html>
<html>
<head>
<title>
Solution 4-5: Sending multiple files
</title>
</head>
<body>
<form id="myForm">
<fieldset>
<legend>Solution 4-5: Sending multiple files</legend>
<label>Upload one or more files:</label>
<input type="file" name="multipleFileUpload" multiple />
</fieldset>
</form>
</body>
</html>

重要心得

用户选择的多个文件传递到服务端后将会被服务端的编程语言去处理的。有些编程语言，比如PHP需要你为name标签的字符添加方括号来支持传输多个文件。

1<input name="filesUploaded[]" type="file" multiple />

这样，PHP将构造一个数据类型的数组，来容纳一个个上传到服务器的文件。相反如果你在HTML标签中不适用方括号的话，PHP将仅仅只接受到最后一个文件。

追问

能贴出完整代码给我吗 517693551@qq.com  求发-0- 我再加分

追答

上面的本来就是完整的多文件上传显示代码，再多加几种js多文件上传代码，下载附件！

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

求html多文件上传代码 可参考以下代码

其他类似问题

为你推荐：

求html多文件上传代码可参考以下代码