文件上传(JS)

本文介绍了一个简单的HTML页面,该页面使用JavaScript实现文件选择和显示已选文件的功能。通过点击“添加”按钮,用户可以从本地文件系统中选择文件,并将文件名显示在下拉列表中。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
 <title>Untitled</title>
</head>
<script>
 function upFile()
 {
  document.getElementById("browFile").click();
 }
 
 function addFile(obj)
 {
  var items = document.createElement("option");
  items.value = obj.value;
  items.text = obj.value.split("//")[obj.value.split("//").length - 1];
  document.getElementById("fileList").add(items);
 }
</script>
<body>
<select id="fileList" multiple style="height:300px; width:300px;">
 
 
 

</select>
<input type="Button" value="添加" onclick="upFile()">
<input style="display:none;" type="File" id="browFile" onchange="addFile(this)">
</body>
</html> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值