【问题标题】:how to implement openfile with .xml extension in angular?如何以角度实现带有.xml扩展名的openfile?
【发布时间】:2019-04-25 01:40:08
【问题描述】:

当我单击一个按钮时,它应该打开文件并且它必须只接受 .xml 文件。但我对此一无所知。我在 HTML 中做了一个示例,但它只是打开所有类型的文件。我需要 .xml 扩展文件方面的帮助

【问题讨论】:

  • <input type="file" accept=".xml">??

标签: html css angular typescript angular6


【解决方案1】:

您可以使用accept 属性来限制输入的文件类型。

<input type="file" accept=".xml">

来自https://developer.mozilla.org/ru/docs/Web/HTML/Element/Input/file

可以使用accept 属性指定可接受的文件类型,该属性采用逗号分隔的允许文件扩展名或MIME 类型列表。一些例子:

  • accept="image/png" 或 accept=".png" — 接受 PNG 文件。
  • accept="image/png, image/jpeg" 或 accept=".png, .jpg, .jpeg" — 接受 PNG 或 JPEG 文件。
  • accept="image/" — 接受任何具有 image/ MIME 类型的文件。 (很多移动设备还让用户在拍照时用相机拍照 这是使用的。)
  • accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" — 接受任何闻起来像 MS Word 文档的东西。

【讨论】:

    猜你喜欢
    • 2015-04-03
    • 2019-04-22
    • 2020-02-15
    • 1970-01-01
    • 1970-01-01
    • 2018-05-08
    • 2016-11-13
    • 2019-05-22
    • 1970-01-01
    相关资源
    最近更新 更多