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(获取 ...
随机推荐
- easyui datagrid生成序号列formatter
var opts1; $('#datagrid_1').datagrid({ columns: [ [{ field: 'myNo', title: '序号', align: 'center', wi ...
- android ------ 高版本的 Tablayout 下划线宽度
前面呢,有写过TabLayout的博客,最近开发用到了高本版遇到一些问题,来总结一下 Android--------TabLayout实现新闻客户端顶部导航栏 Android中Tablayout设置下 ...
- 荔枝派zero从焊接到跑起linux
步骤 焊flash芯片(如果大于16M,需要改烧录工具的源码) 焊引脚,为了串口看数据 焊接flash芯片,需要注意1号脚的位置,flash芯片在开发板背面,1号脚位置是靠近麦克风的那边 以下为编译相 ...
- 浅入深出ETCD之【集群部署与golang客户端使用】
前言 之前说了etcd的简介,命令行使用,一些基本原理.这次来说说现实一点的集群部署和golang版本的客户端使用.因为在实际使用过程中,etcd的节点肯定是需要2N+1个进行部署的,所以有必要说明一 ...
- UltraISO制作启动U盘
使用UltraISO可以制作纯净版本启动U盘 下载 下载地址https://cn.ultraiso.net/ 打开ISO镜像 下载后双击安装完成以后打开软件 文件-打开-选择一个ISO镜像,例如win ...
- javascript中var、let、const的区别
这几天修改别人的js,发现声明变量有的用var,有的用let,那它们有什么区别呢? javascript中声明变量的方式有:var.let.const 1.var (1)作用域: 整个函数范围内,或者 ...
- Hadoop window win10 基础环境搭建(2.8.1)(转)
下面运行步骤除了配置文件有部分改动,其他都是参照hadoop下载解压的share/doc/index.html. hadoop下载:http://apache.opencas.org/hadoop/c ...
- Win10 专业版 Hyper-V 主机计算服务无法启动
Windows 10升级1809版本后,发现Hyper-V不能用了,管理器里是一片空白,看服务Hyper-V 主机计算服务没有启动,手动启动的话失败,报错,代码1053. 自己尝试修复,也百度了很久, ...
- 最新超简单解读torchvision
torchvision https://pytorch.org/docs/stable/torchvision/index.html#module-torchvision The torchvisio ...
- 域名解析中的cname解析和显性URL跳转和隐性URL跳转三者有什么区别
通俗的来讲,cname解析还是属于dns解析,只是把某个域名解析到另外一个域名对应的某个IP的空间中,所以还需要在服务器端(比如nginx)做域名解析(比如把baidu.com做一个cname解析到i ...