javascript - 多个文件上传不起作用(这里需要 JavaScript 吗?)

标签 javascript jquery html

这是我的 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);
    });
});

JSFIDDLE DEMO HERE

关于javascript - 多个文件上传不起作用(这里需要 JavaScript 吗?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25340880/

相关文章:

javascript - 避免在 jquery 中再次调用相同的 ajax 请求时以前的 ajax 请求

javascript - 在 pjax 请求上显示加载文本

javascript - 如何在动态创建的函数调用中传递对象

php - 无法通过mysql在php页面上获得所需的信息

html - 让 OSX Safari 支持 css "white-space: pre"

javascript - 在 Express 中设置主页

javascript - 指定默认下载文件夹 - 可能使用 JavaScript?

javascript - 尽管返回 false,但通过 action 而不是 javascript 发送表单

javascript - 对象解构在 Promise 中解析和拒绝

javascript - Vuejs - 在对象循环中使用键作为选项值