如何在jQuery中重复文件上传输入框?

时间:2016-08-20 18:05:15

标签: jquery ajax html-input

这是我的代码: -

这是我的脚本代码和HTML代码。

  $(document).ready(function() {
    $('input[type="file"]').ajaxfileupload({
      'action' : 'UploadFile',
      'onComplete' : function(response) {
         $('#upload').hide();
         $('#message').show();

        var statusVal = JSON.stringify(response.status);

        if(statusVal == "false")
    {
    $("#message").html("<font color='red'>"+JSON.stringify(response.message)+"</font>");
 }  
   if(statusVal == "true")
     {
    $("#message").html("<font color='green'>"+JSON.stringify(response.message)+"</font>");
   }                  
},
     'onStart' : function() {
        $('#upload').show();
       $('#message').hide();
    }
   });
  });

这是我提供上传文件选项的正文部分。

 <form>
<div class="centered">


     <input type="file" name="file" /><br />
    <div id="upload" style="display: none;">Uploading..</div>
    <div id="message"></div>
    </div>
   </form>

我想添加一个选项,使用jquery或ajax在同一页面上传更多文件?

1 个答案:

答案 0 :(得分:0)

文件输入可以采用此处记录的多个选项W3S。但请注意,旧版浏览器不支持普遍使用它。如果你正在寻找更多jQuery的东西,我在过去使用过BlueImp