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. mac下使用java测试iOS推送

    首先mac下有很多现在的测试iOS推送软件,为什么要用java程序测试呢: 因为大多数后台推送服务可能是JAVA开发的,那么为了验证我们在MAC上导出的推送证书文件是否正确: 制作开发证书的iOS开发 ...

  2. Linux虚拟机:发布WebService接口出现异常,无法访问接口

    Linux虚拟机:发布WebService接口出现异常,无法访问接口 今天在部署WebService工程的时候遇到的问题: 在Linux虚拟机上部署一个tomcat同时在tomcat下放置2个工程,其 ...

  3. Failure [DELETE_FAILED_INTERNAL_ERROR]之后rm apk卸载

        版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/heng615975867/arti ...

  4. 004 制作自己的Java镜像

    一:制作镜像 1.需要的知识 dockfile docker build Jpress : http://jpress.io/       开源免费的新媒体运营系统 2.下载jpress http:/ ...

  5. 向net core 3.0进击——多平台项目发布与部署

    前言 在经历过好多折腾后,总算是把部署走通了一遍,之前只是简单创建个工程在linux下部署,后来一直将这件事搁置,直到最近刚好团队入手一个小服务器,很显然是linux的,那就没啥说的了,Come On ...

  6. SQL优化关于or与in使用

    网上有很多人都在谈论or与in的使用,有的说二者没有什么区别,其实不然,估计是测试做的不够,其实or的效率为O(n),而in的效率为O(log2n),当基数越大时,in的效率就能凸显出来了. 有人做了 ...

  7. 008-linux shell vim使用

    一.概述 vi: Visual Interface 可视化接口 vim: VI iMproved VI增强版 全屏编辑器,模式化编辑器 vim模式: 编辑模式(命令模式) 输入模式 末行模式 模式转换 ...

  8. mac环境更新node版本

    执行命令: 清除node的cache(清除node的缓存) sudo npm cache clean -f 安装"n"版本管理工具,管理node(没有错,就是n) sudo npm ...

  9. 怎样在sql server profiler跟踪时只显示自己关心的内容

    当我们想知道.net程序到底执行了哪些SQL的时候,通常会使用sql server profiler,但是如果不加设置,我们程序执行的sql通常会被系统的SQL淹没,通过以下的方法,可以只显示我们需要 ...

  10. SQL Server常用方法

    目录 CharIndex:确定某个字符的位置 Substring:截取 stuff: 根据位置替换字符串 replace:替换字符串 CharIndex:确定某个字符的位置 两个参数,前面是关键字,后 ...