Question

我正在寻找创建一个按钮，当onclick创建一个像这样的新图像上传按钮并将其放在我用html创建的表单中。我想知道如何处理这个，因为有一个删除按钮，所以如果单击删除按钮，它将删除为该按钮选择的图像（class =“btn btn-file”）。

如果做这样的功能很复杂吗？我不确定如何使用Javascript中的所有细节创建，或者我应该只选择文件按钮，如果用户想要删除图像，他们只需选择空白以删除图像。

<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>

Answer 1

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

http://www.w3schools.com/jsref/met_document_createelement.asp

“click”事件监听器中的代码应该是这样的：

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类的更多信息：

http://www.w3schools.com/jsref/prop_html_classname.asp

Javascript会在点击时创建新的上传图片表单

1 个答案: