Mashup Builder > 小组件 > 标准小组件 > 文件上载小组件 (可应用主题)
文件上载小组件 (可应用主题)
文件上载小组件允许用户将一个或多个文件上载至 ThingWorx 信息库。可通过以下方式之一将小组件配置为上载文件:
通过单击“浏览”按钮选择本地系统上的文件。单击“上载”按钮后,即可上载选定文件。
将文件从本地系统拖至小组件上的拖放区域。
此外,还可配置验证规则,以对文件类型、大小、数量等应用限制。
小组件剖析
拖放
1. 文件信息库选择器
2. 文件拖放区域
3. 已上载文件
4. 信息库路径
在此模式下拖动或选择文件时,系统将根据 DisableInstantUpload 属性的值即时上载或列出文件。或者,可使用按钮或小组件 Upload 服务手动禁用 AllowInstantUpload 属性并上载文件。此外,还会显示“替换”按钮,通过此按钮可替换信息库中的已上载文件。
仅浏览按钮
1. 文件信息库选择器
2. “浏览”按钮
3. 选定的文件
4. 信息库路径
禁用即时上载
默认情况下,选定文件会自动上载至信息库。每个上载文件均显示有对应的进度条。
为使用户能够在上载前对选定文件进行查看,请将小组件 DisbaleInstantUploadShowUploadButton 属性设置为 true。运行时,用户可通过单击“上载”按钮开始上载。或者,将混搭、函数或小组件事件绑定至小组件 Upload 服务,以根据特定条件启动上载。
添加删除按钮
可添加“删除”按钮以便用户能够停止上载并从列表中移除选定文件。已上载文件仅从列表中移除,不会从 ThingWorx 信息库中删除。要删除信息库中的文件,请使用自定义数据服务。
将文件上载至 ThingWorx 信息库
默认情况下,用户可通过可用控件来选择存储库以及作为文件上载目标的文件夹。要防止用户选取信息库或文件夹路径,请将 ShowRepositorySelectorShowRepositoryPath 属性设置为 false。可使用小组件 RepositoryNamePath 属性指定默认的信息库名称和文件夹。有关平台中信息库的详细信息,请参阅管理文件信息库
验证文件大小
默认情况下,用户可在运行时上载任意大小的文件。可使用“验证”面板上的小组件 MaxFileSize 属性限制可上载的最大文件大小。要自定义文件大于最大文件允许大小时显示的失败消息,请配置 MaxFileSizeFailureMessageMaxFileSizeFailureTitle 属性。
验证上载大小
可使用 MaxUploadSize 验证属性限制总上载大小。如果总上载大小超出限制,则会显示失败消息。要自定义错误消息,请使用 MaxUploadSizeFailureMessageMaxUploadSizeFailureTitle 属性。
最大文件数
可使用“验证”面板上的小组件 MaxFileSize 属性限制用户可上载的最大文件数。当选定的文件数大于所允许的最大文件数时,会显示一条失败消息。要自定义错误消息,请使用 MaxNumberOfFilesFailureMessage 属性。
限制文件类型
可使用 AllowedFileTypes 属性对小组件进行配置以接受特定文件格式。可添加多个文件类型,并以逗号分隔。例如,若键入 .pdf, .png,则仅允许 PDF 和 PNG 文件。使用 AllowedFileTypesMessageAllowedFileTypesTitle 属性可自定义添加不受支持的文件类型时所显示的错误消息。
* 
考虑在拖放区域标签中列出受支持的文件类型。
配置文件拖放区域
可将文件拖至拖放区域,或单击标签打开文件选择对话框。区域颜色会自动更改,以指示是否可以拖放文件。
可使用以下属性配置拖放区域:
DropZoneHeight - 设置拖放区域的特定高度。
DropZoneIcon - 将媒体实体显示为图标。
DropZoneLabel - 设置要显示的标签。可使用此属性提供有关受支持文件类型和大小的信息。
小组件属性
下表列出了“属性”面板上提供的属性。
属性名称
说明
基本类型
默认值
是否可绑定 (Y\N)
是否可本地化 (Y\N)
BrowseButtonLabel
设置“浏览”按钮的标签。
STRING
浏览
Y
Y
BrowseButtonType
设置“浏览”按钮类型。选项:“一级”“二级”“三级”
STRING
“主要”
N
N
ClearList
一种可绑定服务,用于清除选定文件的列表。
服务
不适用
Y
N
CustomClass
设置欲应用于小组件顶层 div 元素的 CSS 类。可以输入多个类,以空格分隔。
STRING
不适用
Y
N
DisableInstantUpload
选择文件后禁用即时上载
BOOLEAN
False
DropZoneHeight
设置文件拖放区域的高度。
NUMBER
96
DropZoneIcon
设置要在拖放区域中显示的图标。
IMAGELINK
不适用
DropZoneLabel
设置拖放区域的标签。
STRING
“将文件拖至此处,或单击进行浏览”
FileNames
包含选定文件的名称。
STRING
不适用
Y
N
FileUploadMode
指定运行时选择文件的方式。可拖放或显示浏览按钮。
STRING
“拖放”
N
N
RepositoryName
小组件使用的文件信息库的名称
THINGNAME
SystemRepository
Y
N
ShowRespositorySelector
显示目标文件信息库是否应为可编辑。
BOOLEAN
True
N
N
Path
信息库中作为文件上载目标的文件夹路径。
STRING
不适用
Y
N
MultiFilesSelect
启用多个文件选择。
BOOLEAN
False
N
N
ShowDataLoading
加载数据时显示跨越图标。
BOOLEAN
True
N
N
Width
小组件宽度。
NUMBER
302
N
Height
小组件高度。
NUMBER
95
N
N
Visible
设置小组件在运行时的可见性。
True
True
N
N
ClearList
清除添加至小组件的文件列表。
不适用
不适用
Y
N
DisbaleInstantUpload
选择文件后禁用即时上载。若设置为 false,则仅在单击上载按钮后上载文件。
False
False
Y
N
ResetToDefaultValue
将小组件的输入重置为其默认值。
不适用
不适用
Y
N
ShowDeleteAllButton
显示“全部删除”按钮,并允许用户取消上载并删除所有已上载文件。
BOOLEAN
False
N
N
ShowRepositoryPath
可用于通过文本字段指定信息库内的路径。
BOOLEAN
True
N
N
ShowRepositorySelector
显示一个下拉列表,用户可通过该列表选择作为文件上载目标的 ThingWorx 信息库。
BOOLEAN
True
N
N
ShowUploadButton
显示用于上载所选文件的上载按钮。此属性仅在 InstantUpload 设置为 false 时可用。
BOOLEAN
False
N
N
UploadComplete
文件上载完成后触发的可绑定事件。
不适用
不适用
Y
N
Upload
用于上载选定文件的可绑定服务。
服务
UploadDescription
设置用于指导用户应该上载哪些文件的说明文本。
不适用
不适用
Y
N
UploadDescriptionType
用于显示说明文本的标签类型。
主体
主体
N
N
UploadStarted
上载开始时触发的可绑定事件。
不适用
不适用
Y
N
UploadFailed
文件上载失败时触发的可绑定事件。
不适用
不适用
Y
N
验证文件上载小组件数据
与其他支持验证的小组件不同,文件上载不支持验证和条件消息。可定义条件消息,并启用 ShowFailureMessage 以在 ValidationStateInvalid 时显示失败消息。
* 
“样式属性”面板上设置失败消息的样式时,仅 Invalid 状态可用。
有关使用常用验证属性的详细信息,请参阅文本字段小组件 (可应用主题)
下表列出了“验证”面板上提供的验证属性。
名称
说明
基本类型
默认值
是否可绑定?
是否可本地化?
AllowedFileTypes
设置可供用户选择的允许文件类型,以逗号分隔。例如:.png, .pdf, .txt
STRING
不适用
Y
N
AllowedFileTypesMessage
添加不受支持的文件类型时显示的消息。
STRING
Y
Y
AllowedFileTypesMessageDetails
于列出了允许文件类型的消息下方显示的详细信息。
STRING
Y
Y
CriteriaMessage
有关验证条件以及验证失败时显示的消息。
STRING
Y
Y
CriteriaMessageDetails
针对验证条件和失败消息显示的详细信息。
STRING
Y
Y
FileRequired
必须上载文件。
BOOLEAN
False
Y
N
FileRequiredMessage
当必需文件缺失时显示的消息。
STRING
Y
Y
FileUploadErrorDetails
针对上载失败的文件所显示的消息,其中显示附加的详细信息。
STRING
Y
Y
FileUploadErrorMessage
当文件上载失败时显示的消息。
STRING
Y
Y
MaxFileSize
设置每个独立文件的最大大小限制 (MB)。
NUMBER
不适用
Y
N
MaxFileSizeFailureMessage
当文件超出文件大小上限时显示的消息。
STRING
Y
Y
MaxFileSizeFailureTitle
当文件超出文件大小上限时显示的对话框标题。
STRING
Y
Y
MaxNumberOfFiles
设置可添加至上载列表的最大文件数。
NUMBER
不适用
Y
Y
MaxNumberOfFilesFailureMessage
当已添加文件的数目超出最大值时显示的消息。
STRING
Y
Y
MaxUploadSize
设置选择多个文件时可上载的最大大小限制 (MB)。
NUMBER
不适用
Y
N
MaxUploadSizeFailureMessage
当所有文件的总大小超出大小上限时显示的消息。
STRING
Y
Y
MaxUploadSizeFailureTitle
当文件超出总文件大小上限时显示的对话框标题。
STRING
Y
Y
ShowValidationFailure
验证失败时显示失败消息。
BOOLEAN
False
Y
N
ShowValidationState
一种可绑定服务,用于在运行时用户与小组件进行交互前显示验证状态。默认情况下,验证状态仅在用户交互后显示。
服务
不适用
In
N
Validate
更改小组件值时触发的事件。将此事件绑定至服务或函数以应用验证模式或表达式。
事件
不适用
Y
N
ValidationFailureIcon
设置验证失败时显示在状况消息中的 SVG 图标。
IMAGELINK
cds:icon_error
N
N
ValidationOutput
检索小组件验证的输出。返回值为 UndefinedUnvalidatedValidInvalid
STRING
不适用
Y
N
ValidationState
用于设置验证状态的可绑定属性。可将此属性设置为 UndefinedUnvalidatedValidInvalid
STRING
Undefined
Y
N
这对您有帮助吗?