这是我的 html 表单:
<form id="formulir" method="post" enctype="multipart/form-data" action="config-template-ecomerce.php">
title-file<input name="title" type="text" id="title"/><br>
color-one<input name="color-one" type="text" id="color-one"/><br>
<img id="uploadPreview" style="width: 100px;" /><br>
image<input type="file" name="image[]" id="image" onchange="PreviewImage();" multiple="true" /><br>
submit<input type="submit" name="button" id="button" value="Submit" />
</form>
从上面的 html 表单中,我想用一个 browse
按钮选择多个文件。
当我用浏览按钮选择一个文件后,如果我选择另一个图像文件,图像文件将会改变。我想要的是添加文件而不是更改文件。
我需要为此编写脚本吗?我在三种浏览器中尝试过:chrome、opera 和 mozila。
最佳答案
根据我们在聊天中的讨论,您希望动态生成上传按钮。我可以给你举个例子:
假设您的 html 中有一个上传按钮,如下所示:
<body>
<form>
<input type="file" name="upload1" id="upload1"/>
</form>
</body>
然后,您可以使用 jquery
在上一个按钮的 Click
事件上添加另一个上传按钮:
$(function(){
$('#upload1').on('click',function(){
var r= $('<input type="file" value="new button"/>');
$("form").append(r);
});
});
关于javascript - 多个文件上传不起作用(这里需要 JavaScript 吗?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25340880/