多文件上传不起作用(我在这里需要javascript吗?)

时间:2014-08-16 14:02:35

标签: javascript jquery html html5

这是我的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。

1 个答案:

答案 0 :(得分:0)

根据我们在聊天中的讨论,您想要动态生成上传按钮。我可以举个例子:

假设您在html中有一个上传按钮,如下所示:

 <body>
    <form>
      <input type="file" name="upload1" id="upload1"/>
    </form>
</body>

然后,您可以使用Click在上一个按钮的jquery事件上添加另一个上传按钮:

$(function(){
    $('#upload1').on('click',function(){
        var r= $('<input type="file" value="new button"/>');
        $("form").append(r);
    });
});

JSFIDDLE DEMO HERE