Krajeeブートストラップファイルの入力動的maxFilecount

Question

入力フィールドが変更された場合、maxFileCountに動的numを設定します。

マイコード：

<input value="" name="check_nums" class="check_nums"> 

krajeeのFileInputクラス：これは役立つ

$(document).on('ready', function() { 
    $('#file-th').fileinput({ 

     var check_nums = $(".check_nums").val(); 

     showUploadedThumbs: false, 
     language: 'th', 
     uploadAsync: false, 
     maxFileCount: [check_nums], 
     resizePreference: 'height', 
     resizeImage: true, 
     overwriteInitial: false, 
     validateInitialCount: true, 
     showUpload: false, 

     allowedFileExtensions: ['jpg', 'png', 'jpeg'], 
     previewSettings: { 
      image: {width: "auto", height: "100px"}, 
      object: {width: "213px", height: "160px"}, 
     }, 
     layoutTemplates: { 
      actions: '<div class="file-actions">\n' + 
       ' <div class="file-footer-buttons">\n' + 
       '  {delete}' + 
       ' </div>\n' + 
       '</div>', 
     } 
    }).on("filebatchselected", function(event, files) { 

    }); 
}); 

Answer 1

希望：初期段階のために宣言する正しい方法です

最初の変更変数宣言位置。

$(document).on('ready', function() { 
    var check_nums = $(".check_nums").val(); 
    $('#file-th').fileinput({ 
     showUploadedThumbs: false, 
     language: 'th', 
     uploadAsync: false, 
     maxFileCount: check_nums, 
     resizePreference: 'height', 
     resizeImage: true, 
     overwriteInitial: false, 
     validateInitialCount: true, 
     showUpload: false,  
     allowedFileExtensions: ['jpg', 'png', 'jpeg'], 
     previewSettings: { 
      image: {width: "auto", height: "100px"}, 
      object: {width: "213px", height: "160px"}, 
     }, 
     layoutTemplates: { 
      actions: '<div class="file-actions">\n' + 
       ' <div class="file-footer-buttons">\n' + 
       '  {delete}' + 
       ' </div>\n' + 
       '</div>', 
     } 
    }).on("filebatchselected", function(event, files) { 

    }); 
}); 

入力ボックスで変更イベントをバインドし、その入力値をファイル入力の最大制限として割り当てます。

$(".check_nums").change(function(){ 
    $("#file-th").fileinput('maxFileCount',$(this).val()); 
});