1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html图片上传选择文件后的事件 bootstrap-fileinput插件 上传成功后事件

html图片上传选择文件后的事件 bootstrap-fileinput插件 上传成功后事件

时间:2024-05-23 06:04:53

相关推荐

html图片上传选择文件后的事件 bootstrap-fileinput插件 上传成功后事件

注意:这里区分了是同步仍是异步

同步的回调走 filebatchuploadsuccess(我把全部的都试了,才发现同步时会走这个方法)

异步的回调走 fileuploadedhtml

配置项

uploadAsync: false,//同步上传bootstrap

官方文档

http://bootstrap-/events.html异步

//初始化头像上传插件

$("#portrait").fileinput({

language: 'zh', //设置语言

showUpload: false,

elErrorContainer: '#kartik-file-errors',

allowedFileExtensions: ["jpg", "JPG", "jpeg", "JPEG", "png", "gif"],

dropZoneEnabled: false,

maxFileCount: 1,

uploadAsync: false,//异步上传

uploadUrl: "../upload/file/1",//图片上传的url

enctype:'multipart/form-data',

previewFileIcon: "",

maxImageWidth: 200,

resizeImage: false,

showPreview: false

}).on("filebatchselected", function (event, data) {//选择即上传

if (data.length == 0) {

return;

}

}).on('fileuploaded', function (event, data) {//异步上传成功结果处理url

}).on('fileerror', function (event, data, msg) {//异步上传失败结果处理

console.log(event, data, msg);

}).on('fileuploaderror', function (event, data, msg) {//异步上传失败结果处理

console.log(event, data, msg);

}).on('filebatchuploadsuccess', function(event,data,previewId,index) {//同步上传回调

});;

原文连接:/zhaohan___/article/details/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。