Javascript在单击时创建一个新的上载图像表单

我希望创建一个按钮，当onclick创建一个新的图像上传按钮时，像这样，并将其放在我用html创建的表单中。我想知道如何处理这个问题，因为有一个删除按钮，所以如果单击删除按钮，它将删除为该按钮class=btn btn文件选择的图像

做这样的功能是否复杂？我不知道如何用Javascript创建包含所有详细信息的，或者我应该只使用一个choose file按钮，如果用户想要删除图像，他们只需选择一个空白来删除图像

<div class="control-group">
    <span class="btn btn-file">
        <input id="chosenfile" type="file"  name="file" />
    </span>
    <a href="#" id="remove" class="btn fileupload-exists" 
       data-dismiss="fileupload">Remove</a>
    <div class="controls"></div>
</div>
</script>
<script  >
    var addnew = document.getElementById('add');

    addnew.addEventListener('click', function() {
        var f = document.createElement("btn btn-file");
        var f1 =  document.createElement("control-group");
    },false);
</script>
<script  >
    $('#remove').click(function(){
        $('#chosenfile').val('');
    })
</script>

---

传递给document.createElement函数的字符串必须是标记名

“单击”事件侦听器中的代码应如下所示：

var f = document.createElement("button");
f.className = "btn btn-file";

var f1 =  document.createElement("IM-NOT-SURE-WHAT-TAG-YOU-WANT");
f1.className = "control-group";

有关更改元素的CSS类的详细信息：

---

这个问题的简短版本是什么？是否要在单击按钮时克隆整个上载表单？您使用的createElement错误，它使用的是元素名称而不是类选择器。因此：div、span、iframe等有效，btn btn文件无效，除非您正在使用自定义元素，即使btn btn文件会导致脚本抛出错误，更不用说您在创建它们之后没有对它们做任何操作。@putvande是的，我想克隆整个上载，而不是表单，只是上载图像部分，首先是一个列表和一个选择图像按钮，然后是一个添加更多按钮，当单击添加更多按钮时，会出现另一个选择图像按钮这实际上并没有解决OP的问题，只是指出了他的代码中的一个错误。我想我有点理解这个链接的意思，我会尝试一下，只是想知道我是否可以使用document.write来创建这个？