2016-08-20 7 views
0

ここに私のコードです: -jQueryでファイルアップロードの入力ボックスを繰り返すには?

これは私のスクリプトコードと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を使用して同じページに複数のファイルをアップロードするオプションを追加しますか?

+0

アップロードオプションを追加するための動的オプションを与えたいと思います。 –

答えて

0

ここに記載されているように、ファイル入力には複数のオプションを指定できますW3S。ただし、古いブラウザでは普遍的にサポートされていないことに注意してください。もう少しjQueryを探しているなら、私はこれを過去に使ったことがあります。BlueImp

関連する問題