EXT.NET学习之FileUploadField

学学学啊

已于 2024-03-01 14:04:07 修改

阅读量167

点赞数 3

文章标签：学习

于 2024-02-28 11:29:52 首次发布

本文链接：https://blog.csdn.net/xiongyanglai/article/details/136341091

版权

本文介绍了如何在ExtJS中使用FileUploadField组件限制文件上传类型，只接受application/vnd.openxmlformats-officedocument.spreadsheetml.sheet(.xlsx)和application/vnd.ms-excel(.xls)格式的Excel文件，以确保上传的兼容性和安全性。

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

Html.X().FileUploadField()
    .Width(93)
    .ButtonText("批量导入".ToMuliLanguage())
    .ID("CompanySourceImport")
    .Icon(Icon.FolderExplore)
    .ButtonOnly(true)
    .Accept("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel")
    .DirectEvents(de =>
    {
        de.Change.EventMask.ShowMask = true;
        de.Change.Url = Url.Action("CompanySourceImport");
        de.Change.Success = "ImportSuccess(response)";
        de.Change.ExtraParams.Add(new Parameter
        {
            Name = "fileUploadFieldId",
            Value = "CompanySourceImport",
        });
    })

//解释说明
1图标还可以用Icon.PageExcel

2在 Ext JS 中，FileUploadField 的 .Accept() 方法用于设置文件上传字段所接受的 MIME 类型。MIME（Multipurpose Internet Mail Extensions）类型是一种标准，用于描述文档、文件或字节流的性质和格式。

当你调用 FileUploadField 的 .Accept(“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel”) 时，你实际上是在告诉浏览器，这个上传字段只接受特定类型的文件。在这个例子中，你指定了两种 MIME 类型：

application/vnd.openxmlformats-officedocument.spreadsheetml.sheet：这是用于 Microsoft Excel 的新格式（.xlsx）的 MIME 类型。
application/vnd.ms-excel：这是用于旧版 Microsoft Excel（.xls）的 MIME 类型。
这意味着，当用户通过文件上传字段选择文件时，浏览器将只显示这两种类型的文件供用户选择：.xlsx 和 .xls 格式的 Excel 文件。这有助于确保用户不会上传不兼容的文件类型，从而可能导致处理错误或安全问题。

简而言之，.Accept() 方法用于限制用户可以上传的文件类型，以确保上传的文件符合应用程序的需求。