文档章节

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

o
 osc_wws45aot
发布于 2019/08/20 15:57
字数 986
阅读 21
收藏 0

行业解决方案、产品招募中!想赚钱就来传!>>>

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
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Netty那点事(三)Channel与Pipeline

Channel是理解和使用Netty的核心。Channel的涉及内容较多,这里我使用由浅入深的介绍方法。在这篇文章中,我们主要介绍Channel部分中Pipeline实现机制。为了避免枯燥,借用一下《盗梦空间》的...

黄亿华
2013/11/24
2W
22
记一次失败的Perl + Nginx + FastCGI 配置过程

这两天心血来潮,不知道为什么和 Perl + Nginx + FastCGI 配置 耗上了。但是失败了,记录如下: 1)安装Nginx 1.4.3 ,我的是WINDOWS 7 系统,修改配置文件如下: location ~ .(pl|cgi|perl)?...

通吃岛-低手哥
2013/10/27
1.6K
7
访问安全控制解决方案

本文是《轻量级 Java Web 框架架构设计》的系列博文。 今天想和大家简单的分享一下,在 Smart 中是如何做到访问安全控制的。也就是说,当没有登录或 Session 过期时所做的操作,会自动退回到...

黄勇
2013/11/03
3.5K
6
用vertx实现高吞吐量的站点计数器

工具:vertx,redis,mongodb,log4j 源代码地址:https://github.com/jianglibo/visitrank 先看架构图: 如果你不熟悉vertx,请先google一下。我这里将vertx当作一个容器,上面所有的圆圈要...

jianglibo
2014/04/03
4.1K
3
SQLServer实现split分割字符串到列

网上已有人实现sqlserver的split函数可将字符串分割成行,但是我们习惯了split返回数组或者列表,因此这里对其做一些改动,最终实现也许不尽如意,但是也能解决一些问题。 先贴上某大牛写的s...

cwalet
2014/05/21
9.6K
0

没有更多内容

加载失败,请刷新页面

加载更多

南宁银行卡

南宁银行卡 〖σ薇:391000268】确保全新一手货源,提供各大行。全新借记卡〖σ薇:391000268】确保全新一手货源,提供各大行。 今天立秋,本来是一个安静祥和的日子,但是特朗普签署的一道政令让...

科技之光
7分钟前
0
0
mac wasm 环境搭建 编译自己的fib

https://webassembly.org/ 安装cmake brew install cmake 没有brew https://brew.sh/index_zh-cn /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/i......

阿豪boy
7分钟前
0
0
Hacker News 简讯 2020-08-08

最后更新时间: 2020-08-08 00:01 To Head Off Regulators, Google Makes Certain Words Taboo - (themarkup.org) 为了阻止监管者,谷歌禁止使用某些词语 得分:106 | 评论:60 Facebook fired ......

FalconChen
13分钟前
23
1
vpp系列7-trace

前置 追踪包是必备的调试工具,可喜的是VPP中每个NODE都可以追踪包。且VPP提供了两种方式:普通trace 和 pcap trace, 且Wireshark最新版已经支持VPP pcap调度跟踪输出。 Trace 开始抓包 ...

messud4312
昨天
5
0
FastDFS的单机版安装

FastDFS的单机版安装 : 安装FastDFS文件系统,需要下载下面提供的几个安装包(这几个安装包也是上fastdfs官网下载的): fastdfs(主程序包): https://github.com/happyfish100/fastdfs...

猫狗熊
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部