bootstrap-fileinput手动上传

可以使用以下代码实现bootstrap-fileinput手动上传：

$('#input-id').fileinput({
    uploadUrl: '/upload/url', // 上传地址
    uploadAsync: false, // 同步上传
    showUpload: true, // 显示上传按钮
    showRemove: true, // 显示移除按钮
    showPreview: true, // 显示预览
    allowedFileExtensions: ['jpg', 'png', 'gif'], // 允许上传的文件类型
    maxFileSize: 1000, // 最大文件大小
    maxFilesNum: 10, // 最大上传文件数量
    overwriteInitial: false, // 不覆盖原有文件
    initialPreview: [ // 初始预览
        '<img src="http://lorempixel.com/800/460/nature/1" class="file-preview-image" alt="Nature" title="Nature">',
        '<img src="http://lorempixel.com/800/460/nature/2" class="file-preview-image" alt="Nature" title="Nature">',
        '<img src="http://lorempixel.com/800/460/nature/3" class="file-preview-image" alt="Nature" title="Nature">'
    ],
    initialPreviewConfig: [ // 初始预览配置
        {caption: 'nature-1.jpg', size: 329892, width: "120px", url: '/site/file-delete', key: 1},
        {caption: 'nature-2.jpg', size: 872378, width: "120px", url: '/site/file-delete', key: 2},
        {caption: 'nature-3.jpg', size: 632762, width: "120px", url: '/site/file-delete', key: 3},
    ]
}).on('filebatchselected', function(event, files) { // 选择文件后触发
    $(this).fileinput('upload'); // 上传文件
});

希望这个回答能够帮到你！