一、 文件上传插件简介

Bootstrap Fileinput是一款基于Bootstrap框架的HTML5文件上传插件，支持文件预览、许多文件上传、文件验证等功能。它为网站开发者给了便捷的文件上传解决方案。

二、 文件上传功能详解

1. 引入相关文件

在用Bootstrap Fileinput之前，先说说需要引入相关的CSS和JavaScript文件。

2. 初始化插件

在HTML中添加一个input元素作为文件上传的目标，并用JavaScript初始化插件。

3. 设置选项

Bootstrap Fileinput给了丰有钱的选项来定制文件上传功能。

$.fileinput({
        allowedFileTypes: , // 允许的文件类型
        maxFileSize: 1000, // 文件巨大细小管束， 单位为KB
        maxFilesNum: 10, // 最巨大上传文件数量
        minFilesNum: 1 // 最细小上传文件数量
    });

三、常见问题及解决方案

1. 文件预览输了

如果文件预览输了兴许是由于浏览器不支持FileReader API或者文件损恶劣等原因弄得的。能尝试以下解决方案：

$.fileinput({
        previewFileType: 'image',
        browseClass: "btn btn-primary btn-block",
        showCaption: false,
        showRemove: false,
        showUpload: false
    });

2. 文件上传输了

文件上传输了的原因兴许是文件太巨大或者上传过程中出现了错误。能尝试以下解决方案：

ini_set; // 设置PHP文件上传巨大细小管束
    ini_set; // 设置PHP最巨大POST巨大细小

Bootstrap Fileinput是一款功能有力巨大的文件上传插件，能帮开发者轻巧松实现文件上传、预览和验证等功能。观点。