选择文件之后自动上传文件:
这里uploadAsync的值为ture(默认),则会走fileuploaded回调(能获取到previewId,所以我会用异步);如果为false,则会走filebatchuploadsuccess回调(获取不到previewId)
$(document).ready(function () {
//文件上传控件初始化及后续操作
initFileUpload("fileinputId");
});
function initFileUpload(elementId){
var fileElement = $('#' + elementId);
fileElement.fileinput({
'theme': 'explorer-fas',
'uploadUrl': "test/fileUpload",//上传文件url
uploadExtraData: {'type':'EXPRESS','fileType':'pic'},//"file":file,
overwriteInitial: false,
// uploadAsync:false, //默认使用异步提交
initialPreviewAsData: true,
layoutTemplates :{
actionUpload:'',//去除上传预览缩略图中的上传图片
}
}).on('filebatchselected', function (event, data) {
$(this).fileinput("upload");
}).on('fileuploaded', function(event, data, previewId, index) {
alert("异步");
}).on('fileerror', function(event, jsonData, previewId, index) {
alert("异步上传失败");
}).on('filebatchuploadsuccess', function(event, data, previewId, index) {
alert("同步");
}).on('filebatchuploaderror', function(event, data, msg) {
alert("同步上传失败");
}).on("filesuccessremove",function (event, previewId, extra) {
console.error(previewId);
return confirm("确定删除remove?");
}).on("fileclear",function (event, previewId, extra) {
return confirm("确定清空 clear?");
})
;
}