Làm thế nào để loại bỏ nút tải lên trong Bootstrap file Input

Question

Tôi có plugin này bootstrap tập tin đầu vào có thể được tìm thấy ở đây: http://plugins.krajee.com/file-basic-usage-demo

Plugin này trông giống như dưới đây:

Bây giờ những gì tôi muốn cần làm là xóa nút tải lên này của plugin này. Có ai biết làm thế nào để làm điều này? Hay có ai đã thử? Cảm ơn nhiều.

Answer 1

Cuối cùng tìm thấy câu trả lời, bằng cách chỉnh sửa mã này ở đây từ fileinput.js:

$.fn.fileinput.defaults = { 
    language: 'en', 
    showCaption: true, 
    showPreview: true, 
    showRemove: true, 
    showUpload: false, // <------ just set this from true to false 
    showCancel: true, 
    showUploadedThumbs: true, 
    // many more below 
}; 

Answer 2

Bạn chỉ có thể sử dụng các đoạn sau

$("#your-input-type-file-ID").fileinput({ 
    'showUpload': false 
}); 

Answer 3

Bạn có thể làm điều đó một cách đơn giản cũng chỉ đơn giản là viết trong một thuộc tính data-show-upload="false" và nó cũng sẽ hoạt động !!

Answer 4

 <!-- bootstrap 4.x is supported. You can also use the bootstrap css 3.3.x versions --> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> 
 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> 
 
    <!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below --> 
 
    <!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /--> 
 
    <!-- optionally uncomment line below if using a theme or icon set like font awesome (note that default icons used are glyphicons and `fa` theme can override it) --> 
 
    <!-- link https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css media="all" rel="stylesheet" type="text/css" /--> 
 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
    <!-- piexif.min.js is only needed for restoring exif data in resized images and when you 
 
     wish to resize images before upload. This must be loaded before fileinput.min.js --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/piexif.min.js" type="text/javascript"></script> 
 
    <!-- sortable.min.js is only needed if you wish to sort/rearrange files in initial preview. 
 
     This must be loaded before fileinput.min.js --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js" type="text/javascript"></script> 
 
    <!-- purify.min.js is only needed if you wish to purify HTML content in your preview for 
 
     HTML files. This must be loaded before fileinput.min.js --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.min.js" type="text/javascript"></script> 
 
    <!-- popper.min.js below is needed if you use bootstrap 4.x. You can also use the bootstrap js 
 
     3.3.x versions without popper.min.js. --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> 
 
    <!-- bootstrap.min.js below is needed if you wish to zoom and preview file content in a detail modal 
 
     dialog. bootstrap 4.x is supported. You can also use the bootstrap js 3.3.x versions. --> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script> 
 
    <!-- the main fileinput plugin file --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script> 
 
    <!-- optionally uncomment line below for loading your theme assets for a theme like Font Awesome (`fa`) --> 
 
    <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/themes/fa/theme.min.js"></script --> 
 
    <!-- optionally if you need translation for your language then include locale file as mentioned below --> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/LANG.js"></script> 
 
    
 
    
 
    
 
     <script src="http://goanyone.com/js/fileinput.js" type="text/javascript"></script> 
 

 

 

 
     <div class="file-loading"> 
 
     <input id="input-44" type="file" class="file" data-preview-file-type="text"> 
 
    </div> 
 
    <script> 
 
    $(document).on('ready', function() { 
 
     $("#input-44").fileinput({ 
 
      uploadUrl: 'file-upload-batch', 
 
      maxFilePreviewSize: 10240 
 
     }); 
 

 

 
    }); 
 
    </script> 
 
    <div id="errorBlock" class="help-block"></div>