当前位置: 首页 > 知识库问答 >
问题:

如何使用HTML5验证使用pattern属性的CSV文件上传?

戚成礼
2023-03-14
<form>
    <input type="file" name="txtFile" pattern="?" id="txtFile" class="required"/>
</form>

pattern = '?'

如果我上传了.xls或任何其他文件,那么它将显示一个错误。

共有1个答案

戚令秋
2023-03-14

现在您可以使用新的HTML5输入验证属性:

pattern="^.+\.(xlsx|xls|csv)$"

其他文件的接受类型(参考:HTML5文档):

对于CSV:

<input type="file" accept=".csv" />

对于Excel文件,2003-2007(.xls):

<input type="file" accept="application/vnd.ms-excel" />

对于Excel文件,2010(.xlsx):

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

对于文本文件(.txt):

<input type="file" accept="text/plain" />

对于图像文件(.png、.jpg等):

<input type="file" accept="image/*" />

对于HTML文件(.htm、.HTML):

<input type="file" accept="text/html" />

对于视频文件(.avi、.mpg、.mpeg、.mp4):

<input type="file" accept="video/*" />
<input type="file" accept="audio/*" />
<input type="file" accept=".pdf" /> 
 类似资料:
  • 问题内容: 我正在使用Jackson JSON库将一些JSON对象转换为POJO类。问题是,当我使用具有重复属性的JSON对象时,例如: 杰克逊报告最后一封电子邮件对,然后解析该对象。 我从JSON语法中获悉了对象中的重复键吗?反序列化具有重复属性的JSON对象时发生的情况取决于库的实现,是抛出错误还是将最后一个用于重复键。 尽管跟踪所有属性会产生开销,但是在这种情况下,是否有任何方法可以告诉Ja

  • 问题内容: 我有一个配置值的键/值对列表,我想将它们存储为Java属性文件,并在以后加载和迭代。 问题: 我是否需要将文件存储在与将要加载它们的类相同的程序包中,或者应该将其放置在任何特定位置? 该文件是否需要以任何特定的扩展名结尾还是.txt可以的? 如何在代码中加载文件 我如何遍历其中的值? 问题答案: 你可以将InputStream传递给Property,因此你的文件几乎可以在任何地方,并且

  • 我想将CSV文件类型传递给API,以便执行POST和PUT请求。我正在使用rest-assured,并尝试使用multiPart()方法传递该文件,但它始终返回HTTP代码400。应为HTTP代码200,并返回一个包含详细信息的JSON作为响应。 手动这是请求的样子

  • 问题内容: 我为该标题表示歉意。我找不到更好的方法来解释这种情况。 我使用URL http://www.exampledepot.com/egs/java.util/Props.html中所述的Property类加载属性文件。 我的问题是我可以在该属性文件中使用属性吗? 例: test.properties 其他语法有可能吗? 谢谢 问题答案: 以前从未见过。您当然 可以 制作自己的预处理器。只要

  • 问题内容: 我正在尝试使用ng-pattern指令验证angularJs中的Email id字段。 但是对AngularJs来说是新手。用户输入错误的电子邮件ID后,我需要立即显示错误消息。 我下面的代码正在尝试解决。使用ng-pattern帮助我获得正确的结果。 问题答案: 如果要验证电子邮件,请使用type =“ email”而不是type =“ text”的输入。AngularJS具有开箱即

  • 但我对Angularjs是新的。我需要显示一个错误消息,一旦用户输入错误的电子邮件ID。 我下面的代码是试图解决的。帮助我使用ng-pattern得到正确的结果。