fileinput 配置项大全,从源码中翻出了很多属性,没那么多时间一一验证,特发出来给大家参考参考
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 配置项大全,从源码中翻出了很多属性,没那么多时间一一验证,特发出来给大家参考参考的更多相关文章
- Android源码中编译出指定jar包
今天想把android源码/vendor/letv/frameworks/base/java下的源码编译成 framework-letv.jar供乐乐语音客户端使用,编译完后,发现jar包文件虽然生成 ...
- jQuery中使用 .html() function在IE8和9中显示不正常源码中多出sizset和sizcache
错误原因:在引入jquery的时候,使用了html function,在IE8和IE9下面有可能会出现不兼容 解决办法:在html头部加一句 <meta http-equiv="X-U ...
- 2018-10-08 Java源码英翻中进展-内测上线
创建了一个子域名: http://translate.codeinchinese.com/ 欢迎试用, 如有建议/发现问题欢迎在此拍砖: program-in-chinese/code_transla ...
- 2018-09-24 Java源码英翻中网页演示
在线演示地址: 源代码翻译 两部分如下. 独立的Java代码翻译库 续前文代码翻译尝试-使用Roaster解析和生成Java源码 源码库: program-in-chinese/java_code_t ...
- 访何红辉:谈谈Android源码中的设计模式
最近Android 6.0版本的源代码开放下载,刚好分析Android源码的技术书籍<Android源码设计模式解析与实战>上市,我们邀请到它的作者何红辉,来谈谈Android源码中的设计 ...
- 从express源码中探析其路由机制
引言 在web开发中,一个简化的处理流程就是:客户端发起请求,然后服务端进行处理,最后返回相关数据.不管对于哪种语言哪种框架,除去细节的处理,简化后的模型都是一样的.客户端要发起请求,首先需要一个标识 ...
- Android 网络框架之Retrofit2使用详解及从源码中解析原理
就目前来说Retrofit2使用的已相当的广泛,那么我们先来了解下两个问题: 1 . 什么是Retrofit? Retrofit是针对于Android/Java的.基于okHttp的.一种轻量级且安全 ...
- Eclipse与Android源码中ProGuard工具的使用
由于工作需要,这两天和同事在研究android下面的ProGuard工具的使用,通过查看android官网对该工具的介绍以及网络上其它相关资料,再加上自己的亲手实践,算是有了一个基本了解.下面将自己的 ...
- String源码中的"avoid getfield opcode"
引言: 之前一篇文章梳理了String的不变性原则,还提到了一段源码中注释"avoid getfield opcode",当时通过查阅资料发现,这是为了防止 getfield(获取 ...
随机推荐
- mac jq for json format
mac jq #1.安装 brew install jq #2.创建文件 echo '{"name": "Ruby"}' > ./test.json #3 ...
- arris1750 pandorabox安装bandwidthd之后带宽监控(nlbwmon)报资源不足
nlbwmon 报错资源不足不能看的原因很可能是内存不足导致,因为重启进程会概率可用一下,且删除老的数据后又好用了. 可能与设置的最大数据库条数有关,条数过大导致申请内存大,改成默认的10000. 可 ...
- 关于Spring Cloud的思考和总结
博主开发使用了Spring Cloud,使用过程中的一些学习和经验,体会通过本博文进行记录. 以前的架构,单体应用: 加入ESB,通过总线进行调用: 微服务架构: 区别: SOA架构主要针对企业级,采 ...
- 最好用的Redis Desktop Manager 0.9.3 版本下载
因为Redis Desktop Manager作者在 0.9.4 版本之后选择对所有的安装包收费,不再提供安装包下载,但是源码依旧公开. github 上有 redis destop manager ...
- Office2019 Word 新建文档豆沙绿背景色失效零时解决方案
如果只针对Word的话,可以尝试在开发者选项卡中新建一个宏,复制下面的内容进行运行: Sub WritingLayout() ActiveDocument.Background.Fill.Visibl ...
- LwIP应用开发笔记之二:LwIP无操作系统UDP服务器
前面我们已经完成了LwIP协议栈基于逻辑的基本移植,在这一节我们将以RAW API来实现UDP服务器. 1.UDP协议简述 UDP协议全称是用户数据报协议,在网络中它与TCP协议一样用于处理数据包, ...
- VUE 同一页面路由参数变化,视图不刷新的解决方案
1.监听路由处理 watch: { $route(to, from) { // 逻辑 // 重新调用数据接口 } }, 2.beforeRouteUpdate导航守卫 路由更新时触发 beforeRo ...
- 【maven学习】settings.xml文件详解
环境 apache-maven-3.6.1 jdk 1.8 eclipse 4.7 Settings.xml是设置maven参数的配置文件,包含类似本地仓储位置.修改远程仓储服务器.认证信息等配置.p ...
- Docker 容器内无法通过 HTTP 访问外网
现象 内/外网 IP 和 域名 可以 ping 通 容器内无法访问宿主机所在内网及外网的 Web 服务(404) 通过 curl 查看返回头信息感觉是所有 Web 请求被中转到一个固定的 Nginx ...
- 各手机PC品牌投屏功能连接方法
一.iOS终端(iPhone/iPad)无线投屏: 1.将iPhone或iPad与必捷会议盒子连接至同一路由器: 2.滑动iPhone/iPad的屏幕,调出Airplay功能,选择需要投屏的主机,开始 ...