fileinput.js php,文件上传组件fileinput的使用

1.引入相应的css,js文件。注意jquery,bootstrap,fileinput之间的版本，有些版本之间不兼容会无效果，最好使用官网例子使用的版本。

2.html代码

3.js代码

$('#projectfile').fileinput({

language: 'zh',

uploadUrl: $("#contextPath").val() + "/admin/permissions/user/upload",

allowedFileExtensions : ['xlsx', 'xls'],

showUpload: true,

fileActionSettings: {showUpload: false}

});

//文件上传后执行的方法

$('#projectfile').on('fileuploaded', function(event, data, previewId, index) {

var form = data.form, files = data.files, extra = data.extra,

response = data.response, reader = data.reader;

$("#uploadFileName").val(response.fileName);

});

可以通过fileuploaded事件，监听获得文件上传成功后，后台请求返回的数据。