Progress Telerik UI for Blazor

Blazor文件上传

  • Blazor Upload组件允许用户从本地文件系统异步选择并上传文件到专用的服务器处理程序。附带一个丰富的事件列表,应用程序逻辑和文件验证。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor文件上传概述

    许多Blazor应用程序需要单个或多个文件上传-图像,文档,音频,视频和其他文件-作为其核心功能。Blazor上传组件使您能够轻松地构建异步文件上传,并提供自动上传,多个配置选项,文件上传进度指示,验证和开箱即用的事件。只需几行代码,您的文件上传需求就可以在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中实现。

    演示上传组件内置的验证和进度指示器。

    Telerik UI为Blazor上传Оverview
  • 在Blazor中单个和多个文件上传

    用户可以选择单个或多个文件并同时上传,这在将大量文档上载到文件共享应用程序或将图像上载到图库时非常有用。除此之外,对于大文件,您可以监视上传文件的进度。在文件上传时,您可以选择删除最初选择的一部分但不相关的特定文件。

    Telerik UI为Blazor上传单个和多个文件
  • 文件上传验证

    File Upload控件提供了几个内置参数,可帮助您轻松地在客户机上执行所选文件的验证。可以使用。将限制设置为允许的大小MinFileSize而且MaxFileSize属性或文件格式AllowedExtensions参数

    演示的使用Blazor upload组件的文件上传验证场景。

    Telerik UI Blazor上传验证
  • 上传事件

    文件上传通常需要处理选中的和上传的文件,以及文件上传过程的各个步骤。上传界面控制附带一长串公开事件列表,可帮助您轻松处理各种场景,并完全控制上传。events参数提供文件列表、相应的操作(上传、删除等)和对请求对象的访问,以便您可以向服务器提供元数据(例如身份验证信息)。

    • OnSelect-每次用户选择新文件上传时触发。
    • OnUpload-当文件上传时触发,并允许您添加自定义元数据与上传请求,如身份验证令牌。
    • OnRemove-当用户点击上传文件的[x]按钮时触发。它向服务器发送请求,以便您可以清理用户改变主意的文件。
    • OnProgress-每次文件在上传过程中取得进展时触发。
    • 调用OnSuccess-每次请求成功时触发-无论是上传文件,还是删除文件。
    • OnError-每次请求失败时触发-要么是上传文件,要么是删除文件。
    • -当用户在当前上传的文件上点击“取消”按钮时触发。
    • OnClear-当用户点击“清除”按钮时触发。

    上传组件事件的演示。

    Telerik UI Blazor事件
  • 上传主题

    Telerik Blazor Upload组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序

    Telerik UI的Blazor上传主题
  • 自定义上传文件

    Telerik FileUpload还在组件API中公开了用于触发上传、文件选择对话框以及清除成功上传文件的功能。

    参见示例如何以编程方式清除文件,打开文件选择对话框,并在Blazor应用程序中上传文件。
    Telerik UI Blazor上传自定义
  • 键盘导航

    用户可以使用方向键在上传的文件之间导航,重试失败的文件上传,取消正在进行的上传,或者删除已经上传的文件——所有这些都不用把手从键盘上拿开。

    Telerik UI Bazor键盘导航
  • 上传全球化和本地化

    上传控件有内置的本地化支持,这使得它很容易本地化你的Blazor上传到任何语言,你的应用程序可能需要。

    演示上传组件在各种语言。

    Telerik UI的开拓者全球化和本地化

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map