bootstrap-fileinput 选择事件filebatchselected 自动上传文件

 选择文件之后自动上传文件:

这里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?");
            })
            ;
		}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值