Options
All
  • Public
  • Public/Protected
  • All
Menu

Class UploadCmp

上传组件 数据库保存 格式是 IUploadFile[] 的字符串如: [{"newFileName":"xxx1","oldFileName":"xxxx2" },{ }]

Hierarchy

  • InputBase
    • UploadCmp

Index

Constructors

Properties

Methods

Constructors

constructor

  • Parameters

    • config: any

    Returns UploadCmp

Properties

Private $btnElem

$btnElem: JQuery<HTMLButtonElement>

绑定上传的组件jquery对象

Private $inputElemFile

$inputElemFile: JQuery<HTMLInputElement> | JQuery<HTMLButtonElement>

Private $previewElem

$previewElem: JQuery<HTMLButtonElement>

CompressImgMaxWidth

CompressImgMaxWidth: number

图片压缩的最大高/宽 等比缩放后的最大高/宽都不能超过此值 默认值: 1024 像素

accept

accept: UploadAccept

指定允许上传时校验的文件类型 'image/*'（只显示图片文件）

acceptMime

acceptMime: string

规定打开文件选择框时，筛选出的文件类型，值为用逗号隔开的 MIME 类型列表 acceptMime: 'image/*'（只显示图片文件） acceptMime: 'image/gif,image/jpeg,image/png'（只显示 jpg 和 png 文件） acceptMime: '.gif,.jpg,.png'（只显示 jpg,gif,png 后缀名的）

auto

auto: boolean

是否选完文件后自动上传

Private barElemId

barElemId: string

bindAction

bindAction: string | JQuery<HTMLElement>

指向一个按钮触发上传， 一般配合 auto: false 来使用

Private btnElemId

btnElemId: string

上传按钮ID

Private btnMobileId

btnMobileId: string

手机上传按钮ID

btnTitle

btnTitle: string

按钮标题

Private chooseFiles

chooseFiles: File[]

选择的文件数组 未上传的

css

css: UploadCmpStyle

data

data: string

请求上传接口的额外参数

drag

drag: boolean

是否接受拖拽的文件上传，设置 false 可禁用 默认值: true

enckey

enckey: string = "89d3338d697f43a69b5089358010b769"

密钥

exts

exts: string

允许上传的文件后缀的正则表达式。一般结合 accept 参数类设定 只允许上传压缩格式的文件:'zip$|rar$|7z$' ;只允许上传图片: jpg$|png$|gif$|bmp$|jpeg$

formMobile

formMobile: boolean

来自手机 默认值:false

Private formindex

formindex: number

headers

headers: any

接口的请求头

height

height: string

Private inputId

inputId: string

isCompressImg

isCompressImg: boolean

是否要压缩图片 默认值: false

isEncrypt

isEncrypt: boolean

是否加密上传的文件

isFileName

isFileName: boolean

是否加显示文件名 默认值:true

itemWidth

itemWidth: number

图片宽度

maxFileCount

maxFileCount: number

设置最大可上传的文件数量，一般配合 multiple 参数出现

method

method: string

multiple

multiple: boolean

是否允许多文件上传 默认值:true

Protected onAllDoneScript

onAllDoneScript: string

多文件上传完毕后的状态回调

Protected onBeforeScript

onBeforeScript: string

文件提交上传前的回调

Protected onChooseScript

onChooseScript: string

选择文件后的回调函数

Protected onDoneScript

onDoneScript: string

执行上传请求后的回调

Protected onErrorScript

onErrorScript: string

执行上传请求出现异常的回调

Protected onProcessDataScript

onProcessDataScript: string

执行处理文件数据回调

Private previewElemId

previewElemId: string

size

size: number

设置文件最大可允许上传的大小，组织机构 KB 默认值 200kb

Private sse

sse: SseMsg[]

Private timer

timer: number

url

url: string

服务端上传接口

Methods

Protected addFile

  • addFile(newFileName: any, oldFileName: string, err?: string): void

  • 增加新上传的文件不管成功还是失败

    Parameters

    • newFileName: any

      全球唯一的文件名

    • oldFileName: string

      旧的文件名

    • Optional err: string

      可选参数 错误信息

    Returns void

Protected doDestory

  • doDestory(): void

  • Returns void

Protected doGetClassName

  • doGetClassName(): string

  • Returns string

doGetCss

  • doGetCss(): UploadCmpStyle

  • Returns UploadCmpStyle

Protected doGetElemtHtml

  • doGetElemtHtml(): string

  • Returns string

Protected doGetVerifyTipsElem

  • doGetVerifyTipsElem(): JQuery<HTMLElement>

  • Returns JQuery<HTMLElement>

Private doPreviewFiles

  • doPreviewFiles(): void

  • Returns void

Protected doRender

  • doRender(): void

  • 初始渲染

    Returns void

Protected doRenderEnable

  • doRenderEnable(): void

  • Returns void

Private doRenderPrevItem

  • doRenderPrevItem(item: IUploadFile): void

  • Parameters

    • item: IUploadFile

    Returns void

Protected doRenderPreviewFiles

  • doRenderPreviewFiles(files?: any): Promise<void>

  • 渲染已经上传的文件

    Parameters

    • Optional files: any

    Returns Promise<void>

Private doSend

  • doSend(): void

  • Returns void

Protected doUpload

  • doUpload(): number | ""

  • Returns number | ""

Protected file

  • file(): void

  • Returns void

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

  • Returns AttributeEditorBase[]

getBarCodeHtml

  • getBarCodeHtml(): string | JQuery<HTMLElement> | string[]

  • Returns string | JQuery<HTMLElement> | string[]

getChooseFiles

  • getChooseFiles(): string[]

  • Returns string[]

Private getFileBlob

  • getFileBlob(url: any, cb: any): Promise<void>

  • Parameters

    • url: any
    • cb: any

    Returns Promise<void>

getInputElem

  • getInputElem(): JQuery<HTMLElement>

  • Returns JQuery<HTMLElement>

getUploadValue

  • getUploadValue(): IUploadFile[]

  • 得到上传组件的值 数组对象

    Returns IUploadFile[]

    返回数组

Private initEvents

  • initEvents(): void

  • Returns void

Private initIE

  • initIE(): void

  • Returns void

Private isFile

  • isFile(): boolean

  • Returns boolean

Private isImage

  • isImage(url: string): boolean

  • 判断url是否支持压缩图片

    Parameters

    • url: string

      路径

    Returns boolean

    true 图片,则反之

onAllDone

  • onAllDone(callback: onAllDoneHandel): void

  • 所有文件都上传完成事件 用于代码注册事件

    Parameters

    • callback: onAllDoneHandel

      onDoneHandel事件处理函数

    Returns void

onBefore

  • onBefore(callback: onBeforeHandel): void

  • 开始上传事件 用于代码注册事件

    Parameters

    • callback: onBeforeHandel

      onBeforeHandel 事件处理函数

    Returns void

onChoose

  • onChoose(callback: onChooseHandel): void

  • 选择完毕事件 用于代码注册事件

    Parameters

    • callback: onChooseHandel

      onChooseHandel事件处理函数

    Returns void

onDone

  • onDone(callback: onDoneHandel): void

  • 完成事件 用于代码注册事件

    Parameters

    • callback: onDoneHandel

      onDoneHandel事件处理函数

    Returns void

onError

  • onError(callback: onErrorHandel): void

  • 上传出现错误事件 用于代码注册事件

    Parameters

    • callback: onErrorHandel

      onErrorHandel事件处理函数

    Returns void

onProcessData

  • onProcessData(callback: onProcessDataHandel): void

  • 文件数据处理

    Parameters

    • callback: onProcessDataHandel

      onDoneHandel事件处理函数

    Returns void

onValueChanged

  • onValueChanged(callback: onChangeHandel): void

  • 值修改事件

    Parameters

    • callback: onChangeHandel

      回调函数

    Returns void

Private preview

  • preview(callback: onPreviewCallBackHandle): void

  • Parameters

    • callback: onPreviewCallBackHandle

    Returns void

Protected raiseOnAllDone

  • raiseOnAllDone(): void

  • 触发全部处理完成事件,不管成功与失败的

    Returns void

Private raiseOnAllDoneScript

  • raiseOnAllDoneScript(obj: object): void

  • 执行界面编辑器设置的多文件上传完毕后的状态事件脚本

    Parameters

    • obj: object

    Returns void

Protected raiseOnBefore

  • raiseOnBefore(): void

  • 触发上传前的事件

    Returns void

Private raiseOnBeforeScript

  • raiseOnBeforeScript(): void

  • 执行界面编辑器设置的文件上传前的回调

    Returns void

Protected raiseOnChoose

  • raiseOnChoose(): void

  • 触发选择文件事件

    Returns void

Private raiseOnChooseScript

  • raiseOnChooseScript(): void

  • 执行界面编辑器设置的选择文件的回调

    Returns void

Protected raiseOnDone

  • raiseOnDone(files: IUploadFile, index: number): void

  • 触发上传成功事件

    Parameters

    • files: IUploadFile
    • index: number

    Returns void

Private raiseOnDoneScript

  • raiseOnDoneScript(res: IUploadFile, index: number): void

  • 执行界面编辑器设置的上传接口请求成功的回调

    Parameters

    • res: IUploadFile
    • index: number

    Returns void

Protected raiseOnError

  • raiseOnError(index: number, err: string): void

  • 触发文件上传出错

    Parameters

    • index: number
    • err: string

    Returns void

Private raiseOnErrorScript

  • raiseOnErrorScript(index: any, err: string): void

  • 执行界面编辑器设置的上传请求失败的回调

    Parameters

    • index: any
    • err: string

    Returns void

Protected removeFile

  • removeFile(fileName: any): void

  • 移除文件

    Parameters

    • fileName: any

      文件名

    Returns void

render

  • render(): void

  • 渲染组件并触发事件

    Returns void

setChooseFile

  • setChooseFile(files: FileList): void

  • 设置当前选择的文件数组

    Parameters

    • files: FileList

    Returns void

setValue

  • setValue(value: string | IUploadFile[]): void

  • 设置上传的值

    Parameters

    • value: string | IUploadFile[]

    Returns void

showBarCode

  • showBarCode(): void

  • 显示手机上传的二维码

    Returns void

Generated using TypeDoc