fileinput 配置项大全,从源码中翻出了很多属性,没那么多时间一一验证,特发出来给大家参考参考

fileinput 配置项大全

option

属性名 属性类型 描述说明 默认值
language String 多语言设置,使用时需提前引入\locales文件夹下对应的语言文件,中文zh,引入语言文件必须放在fileinput.js之后 'en'
showCaption Boolean 是否显示被选文件的简介 true
showBrowse Boolean 是否显示浏览按钮 true
showPreview Boolean 是否显示预览区域 true
showRemove Boolean 是否显示移除按钮 true
showUpload Boolean 是否显示上传按钮 true
showCancel Boolean 是否显示取消按钮 true
showClose Boolean 是否显示关闭按钮 true
showUploadedThumbs Boolean true
mainClass
autoReplace Boolean 是否自动替换当前图片,设置为true时,再次选择文件,会将当前的文件替换掉。 false
previewClass String 添加预览按钮的类属性 ‘’
captionClass String ‘’
deleteUrl String 删除图片时的请求路径 ''
deleteExtraData Object 删除图片时额外传入的参数
allowedFileTypes Object 接收的文件后缀,如['jpg', 'gif', 'png'],不填将不限制上传文件后缀类型 null
uploadUrl String 上传文件路径 null
uploadAsync boolean 是否为异步上传 true
uploadExtraData 上传文件时额外传递的参数设置 {}
minImageWidth String 图片的最小宽度 null
minImageHeight String 图片的最小高度 null
maxImageWidth String 图片的最大宽度 null
maxImageHeight String 图片的最大高度 null
minFileSize number 单位为kb,上传文件的最小大小值 0
maxFileSize number 单位为kb,如果为0表示不限制文件大小 0
resizeDefaultImageType number 调整默认图像类型 25600(25MB)
minFileCount number 表示同时最小上传的文件个数 0
maxFileCount number 表示允许同时上传的最大文件个数 0
validateInitialCount boolean 验证初始计数 false
previewFileType String 预览文件类型,内置['image', 'html', 'text', 'video', 'audio', 'flash', 'object',‘other‘]等格式 'image'
elCaptionText String 设置标题栏提示信息 null
dropZoneEnabled boolean 是否显示拖拽区域 true
dropZoneTitleClass String 拖拽区域类属性设置 'file-drop-zone-title'
textEncoding String 编码设置 'UTF-8'
mainTemplate
initialCaption
initialPreview
initialPreviewDelimiter
initialPreviewConfig
initialPreviewThumbTags
previewThumbTags
initialPreviewShowDelete
overwriteInitial
layoutTemplates Object 可对部分DOM结构进行配置,可配置值:main1,main2,preview,close,zoom,icon,caption,modal,progress,footer,actions,actionDelete,actionUpload,btnDefault,btnLink,btnBrowse DOM结构,如果赋值为空字符串,则表示不需要该功能
previewTemplates
allowedPreviewTypes
allowedPreviewMimeTypes
allowedFileExtensions
defaultPreviewContent
customLayoutTags
customPreviewTags
previewSettings
fileTypeSettings
previewFileIcon
previewFileIconClass
previewFileIconSettings
previewFileExtSettings
buttonLabelClass
browseIcon
browseClass
removeIcon
removeClass
cancelIcon
cancelClass
uploadIcon
uploadClass
resizeImage
resizePreference
resizeQuality
msgValidationErrorClass
msgValidationErrorIcon
msgErrorClass
progressThumbClass
progressClass
progressCompleteClass
zoomIndicator
elCaptionContainer
elPreviewContainer
elPreviewImage
elPreviewStatus
elErrorContainer
errorCloseButton
slugCallback null
fileActionSettings 对象
otherActionButtons ''
ajaxSettings 对象
ajaxDeleteSettings 对象
showAjaxErrorDetails true

方法

方法名 参数 描述
fileerror 异步上传错误结果处理 $('#uploadfile').on('fileerror', function(event, data, msg) {});
fileuploaded 异步上传成功结果处理 $("#uploadfile").on("fileuploaded", function (event, data, previewId, index) {})
filebatchuploaderror 同步上传错误结果处理 $('#uploadfile').on('filebatchuploaderror', function(event, data, msg) {});
filebatchuploadsuccess 同步上传成功结果处理 $('#uploadfile').on('filepreupload', function(event, data, previewId, index) {});
filebatchselected 选择文件后处理事件 $("#fileinput").on("filebatchselected", function(event, files) {});
upload 文件上传方法 $("#fileinput").fileinput("upload");
fileuploaded 上传成功后处理方法,fileuploaded后会对部分DOM结构重新渲染 $("#fileinput").on("fileuploaded", function(event, data, previewId, index) {});
filebatchuploadcomplete 所有文件上传成功后执行,执行时机在fileuploaded后 $("#fileinput").on("filebatchuploadcomplete", function(event, data, previewId, index) {});
filereset
fileclear 点击浏览框右上角X 清空文件前响应事件 $("#fileinput").on("fileclear",function(event, data, msg){ });
filesuccessremove 删除单张图片事件,只针对已经上传的图片 $("#fileinput").on("filesuccessremove",function(event, data, msg){ });
fileremoved 删除单张图片,但只针对未上传的图片 $("#fileinput").on("fileremoved",function(event, data, msg){ });
filecleared 点击浏览框右上角X 清空文件后响应事件 $("#fileinput").on("filecleared",function(event, data, msg){});
fileimageuploaded 在预览框中图片已经完全加载完毕后回调的事件
filefoldererror
fileuploaderror
filedeleteerror
filepredelete
filedeleted
filecustomerror
fileunlock
filedisabled
fileenabled
filepreajax
filebatchpreupload
filepreremove
fileloaded
fileselect
fileselectnone
fileimageloaded
fileimageresizeerror
fileimagesresized
dragenter.fileinput
dragover.fileinput
drop.fileinput

fileinput 配置项大全,从源码中翻出了很多属性,没那么多时间一一验证,特发出来给大家参考参考的更多相关文章

  1. Android源码中编译出指定jar包

    今天想把android源码/vendor/letv/frameworks/base/java下的源码编译成 framework-letv.jar供乐乐语音客户端使用,编译完后,发现jar包文件虽然生成 ...

  2. jQuery中使用 .html() function在IE8和9中显示不正常源码中多出sizset和sizcache

    错误原因:在引入jquery的时候,使用了html function,在IE8和IE9下面有可能会出现不兼容 解决办法:在html头部加一句 <meta http-equiv="X-U ...

  3. 2018-10-08 Java源码英翻中进展-内测上线

    创建了一个子域名: http://translate.codeinchinese.com/ 欢迎试用, 如有建议/发现问题欢迎在此拍砖: program-in-chinese/code_transla ...

  4. 2018-09-24 Java源码英翻中网页演示

    在线演示地址: 源代码翻译 两部分如下. 独立的Java代码翻译库 续前文代码翻译尝试-使用Roaster解析和生成Java源码 源码库: program-in-chinese/java_code_t ...

  5. 访何红辉:谈谈Android源码中的设计模式

    最近Android 6.0版本的源代码开放下载,刚好分析Android源码的技术书籍<Android源码设计模式解析与实战>上市,我们邀请到它的作者何红辉,来谈谈Android源码中的设计 ...

  6. 从express源码中探析其路由机制

    引言 在web开发中,一个简化的处理流程就是:客户端发起请求,然后服务端进行处理,最后返回相关数据.不管对于哪种语言哪种框架,除去细节的处理,简化后的模型都是一样的.客户端要发起请求,首先需要一个标识 ...

  7. Android 网络框架之Retrofit2使用详解及从源码中解析原理

    就目前来说Retrofit2使用的已相当的广泛,那么我们先来了解下两个问题: 1 . 什么是Retrofit? Retrofit是针对于Android/Java的.基于okHttp的.一种轻量级且安全 ...

  8. Eclipse与Android源码中ProGuard工具的使用

    由于工作需要,这两天和同事在研究android下面的ProGuard工具的使用,通过查看android官网对该工具的介绍以及网络上其它相关资料,再加上自己的亲手实践,算是有了一个基本了解.下面将自己的 ...

  9. String源码中的"avoid getfield opcode"

    引言: 之前一篇文章梳理了String的不变性原则,还提到了一段源码中注释"avoid getfield opcode",当时通过查阅资料发现,这是为了防止 getfield(获取 ...

随机推荐

  1. 5G网络类型 ?

    TelephonyManager telephonyManager = (TelephonyManager) context.getSystemService(Context.TELEPHONY_SE ...

  2. Java: Java终止线程的几种方式

    首先说明,使用stop方法终止的方式已经在很久之前就被废弃了,在加锁的情况下有可能会造成死锁,这里不做讨论. 1. 使用标志位终止线程 在run()方法执行完毕后,该线程就终止了.但是在某些特殊的情况 ...

  3. IIS连接数、并发连接数、最大并发工作线程数、应用程序池的队列长度、应用程序池的最大工作进程数详解

    IIS:连接数.并发连接数.最大并发工作线程数.应用程序池的队列长度.应用程序池的最大工作进程数详解 iis性能指标的各种概念:连接数.并发连接数.最大并发工作线程数.应用程序池的队列长度.应用程序池 ...

  4. Ubuntu16.04下配置VScode的C/C++开发环境

    博客转载:https://blog.csdn.net/weixin_43374723/article/details/84064644 Visual studio code是微软发布的一个运行于 Ma ...

  5. Mysql 执行效率 性能综合贴

    一.or 的性能不如 in [参考]mysql in与or效率比较 二.MySQL数据库开发的三十六条军规 [参考]https://blog.csdn.net/aa_moon/article/deta ...

  6. Win64 驱动内核编程-33.枚举与删除对象回调

    转载:http://www.voidcn.com/article/p-wulgeluy-bao.html 枚举与删除对象回调 对象回调存储在对应对象结构体里,简单来说,就是存储在 ObjectType ...

  7. python对不同类型文件(doc,txt,pdf)的字符查找

    python对不同类型文件的字符查找 TXT文件: def txt_handler(self, f_name, find_str): """ 处理txt文件 :param ...

  8. nginx+tomcat报400的坑

    nginx+tomcat的网页,在手机上通过浏览器可以正常访问,但是在自己的app的webview中访问就报400.查了访问日志,每次app中访问该页面,tomcat中就出现一个GET null的申请 ...

  9. Xshell连接SqlPlus无法使用退格、删除键

    问题:在使用xshell连接CentOS7,进入SQLPLUS进行命令操作时,如果输错了信息,无法进行退格键删除(显示“^H”),同样按删除键,显示“^[[3~”. 解决:网上查找了相关资料,可以通过 ...

  10. 在Eclipse中设置中文JavaDOC

    参考: 在Eclipse中设置中文JavaDOC