zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    2018-2019-1 20175330 《信息安全系统设计基础》第四周学习总结
    2019-2020-1 20175330 《信息安全系统设计基础》第三周学习总结
    《程序设计与数据结构》实验一报告
    《程序设计与数据结构》第四周学习总结
    学号 20172326 《程序设计与数据结构》第三周学习总结
    《程序设计与数据结构》第二周学习总结
    《JAVA软件结构与数据结构》第一周学习总结
    《程序设计与数据结构》(上)课程总结
    2017-2018-2 《程序设计与数据结构》实验五报告
    《程序设计与数据结构》实验四报告
  • 原文地址:https://www.cnblogs.com/diantao/p/11383440.html
Copyright © 2011-2022 走看看