Javascript添加文件输入框按钮麻烦

Javascript add file input box button trouble

本文关键字：按钮 麻烦 输入 添加 文件 Javascript      更新时间：2023-09-26

我正在构建一个多文件上传器，并希望使用java脚本在新
行上开始每个输入。

我正在尝试做的是将每个新框彼此放在一起，而不是彼此相邻排列。有人可以告诉我要添加到java脚本中的内容，以便它创建一个元素
.

我尝试将它们添加到javascript函数的末尾，但它不起作用

var txt = document.createElement('br');
AND
txt = document.createElement('br');
AND
txt.element ="<br>";

我有一个多上传者，这是代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> :: FILEUPLOAD :: </title>
</head>
<body>
<form name="form" method="post" enctype="multipart/form-data">
  <div id="files">
      <input type="file" name="item_file[]">
  </div>
  <a href="javascript:_add_more();" title="Add more">+</a>
</form>
<script language="javascript">
<!--
function _add_more() {
    var txt = document.createElement('input');
    txt.type="file";
    txt.name="item_file[]";
    document.getElementById("files").appendChild(txt);
}
</script>
</body>
</html>

感谢您的帮助

为每个输入添加一个类：

function _add_more() {
  var txt = document.createElement('input');
  txt.type="file";
  txt.name="item_file[]";
  txt.className="file-picker";
  document.getElementById("files").appendChild(txt);
}

然后将 display： block 添加到类的 css 中：

input.file-picker
{
  display: block
}

这个小提琴中的工作版本。

编辑：您可能还想向CSS类添加底部填充。

相关文章：