批量文件上传界面

最新推荐文章于 2025-06-27 15:35:55 发布

zxyvb

最新推荐文章于 2025-06-27 15:35:55 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 2 Web开发认证文章标签： function file input button float class

本文链接：https://blog.youkuaiyun.com/zxyvb/article/details/2973965

Java 2 Web开发认证专栏收录该内容

13 篇文章

订阅专栏

本文介绍了两种实现批量文件上传的方法。第一种方法通过HTML表单动态添加输入字段实现文件和描述的批量提交；第二种方法则展示了如何使用JavaScript动态创建文件输入框并实时显示已选文件名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

<html>

<head>
<meta http-equiv="content-type" content="text/html">
<title>locale photo</title>
<script>
function AddMoreRow()
{
    var oRow=event.srcElement.parentNode.parentNode;
    var oTable=oRow.parentNode.parentNode;
    oNewRow=oTable.insertRow();
    for(i=0;i<oRow.cells.length;i++)
    {
        oNewRow.insertCell().innerHTML=oRow.cells[i].innerHTML;
    }
    oRow.all("DelBtn").disabled=false;
    oNewRow.all("DelBtn").disabled=false;
}
function DeleteMoreRow()
{
    var oRow=event.srcElement.parentNode.parentNode;
    var oTable=oRow.parentNode.parentNode;
   if(oTable.rows.length>1)
    {
        oTable.deleteRow(oRow.rowIndex);
        if(oTable.rows.length==1)
        {
           oTable.all("DelBtn").disabled=true;
        }
    }
}
function DisabledKeyInput()
{
    if(event.keyCode!=8&&event.keyCode!=46)
    {
        event.returnValue=false;
    }
}
</script>
</head>

<tr>

</tr>
</table>
<table>
<tr align="center">
<td align="center">
<input type="submit" value="保存"> <input type="reset" value="取消"></td>
</tr>
</table>
</form>
</body>

</html>

方法二：