kendoui-kendoUpload上传控件

最新推荐文章于 2023-02-07 19:18:31 发布

milijiangjun

最新推荐文章于 2023-02-07 19:18:31 发布

阅读量4.6k

点赞数

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/100761195

版权

本文介绍了如何使用KendoUI的kendoUpload上传控件，特别是如何根据文件类型显示不同图标。通过CSS和JS实现语言切换，如kendo.culture("zh-CN")设置为中文。同时，为了避免页面刷新后重复提交上传数据，设置了立即上传为false。

摘要由CSDN通过智能技术生成

1.带模板的upload，可以根据上传文件类型的不同，来切换对应的icon图标

CSS代码声明和js应用规则及声明：

应用文件的规格

region代表的是地区，lang代表的是语言
zh_CN代表的是中文,en_US代表的是通用英语（美国）
kendo.culture("lang!−lang!−{region!}");

我们在引入后还需要对当前的文档包进行语言应用声明在js 中 kendo.culture("zh-CN");//设置语言

<script type="text/javascript" src="${basePath!}/js/kendo.culture.${region!}-${lang!}.min.js"></script>
<script type="text/javascript" src="${basePath!}/js/kendo.messages.${region!}-${lang!}.min.js"></script>


@*kendo upload*@


<link href="~/SourceResBase/KendoUI/styles/kendo.common.min.css" rel="stylesheet" />
<link href="~/SourceResBase/KendoUI/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="~/SourceResBase/KendoUI/styles/kendo.default.min.css" rel="stylesheet" />
@*<link href="~/SourceResBase/KendoUI/styles/kendo.blueopal.min.css" rel="stylesheet" />*@ @*这里显示树菜单显示为蓝色*@
<link href="~/SourceResBase/KendoUI/styles/kendo.common.min.css" rel="stylesheet" />
<script src="~/SourceResBase/KendoUI/js/jszip.min.js"></script>
@*<script src="~/SourceResBase/KendoUI/js/kendo.all.js"></script>*@
<script src="