Question

bootstrap fileinput怎么和ajax一起上传

Answer 1

$(function(){
$("#imageUpload").fileinput({
showCaption: false,
language: 'zh',
enctype: 'multipart/form-data',
uploadUrl: '${basePath}fileupload?action=videoUpload', //上传的地址
allowedFileExtensions : ['flv', 'swf', 'mkv', 'avi', 'rm', 'rmvb', 'mpeg', 'mpg', 'ogg', 'ogv', 'mov', 'wmv', 'mp4', 'webm', 'mp3'],//接收的文件后缀
initialPreviewAsData: false //配置上传后是否显示预览
}).on('fileuploaded',
function(event, data, id, index) {
var fname = data.files[index].name;
var out = '<li>' + '文件 # ' + (index + 1) + ' - ' + fname + ' 已经成功上传.' + '</li>';
$('#content').attr("value",data.response.videoUrl);//获得后台返回名为videoUrl的json数据
$('#kv-success-1').append(out);
$('#kv-success-1').fadeIn('slow');