如何限制用户不要使用带有React和TypeScript的输入类型文件来选择其他文件类型?

莎丽莎

我想限制用户从.xml扩展名以外的选择对话框中选择文件。

我有下面的代码,

<input type='file' accept='.xml' onChange={handleselectedfile}/>

现在,该用户仍然可以从.xml更改为All files并选择文件。

我如何确定或限制用户选择除.xml扩展名类型之外的文件。

有人可以帮我吗 谢谢。

维萨赫

您可以尝试在onChange上添加验证

像这样的JavaScript

var fileName = document.getElementById('file').value.toLowerCase();
if(!fileName.endsWith('.xml'){
    alert('You can upload xml files only.');
    return false;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Ajax和其他类型的输入发送文件

如何使用带有flowtype的React $ Element以外的其他类型来键入JSX?

打字稿:如何通过通用参数的属性和其他类型来限制属性选择?

如何使用带有函数类型和其他类型的接口参数调用方法

如何在PHP中发布文件和其他类型的输入?

使用 Typescript 限制上传文件的大小和类型

使用带有角形材料2的输入类型文件

如何使用javascript根据选择文件类型更改输入类型文件的接受属性?

用户在输入类型文件中选择时如何获取文件的路径目录

如何使用强大的js限制文件类型

Bootstrap文件输入-限制文件类型

如何根据属性是否存在于其他类型中来有条件地选择类型?

使用Nodejs(fs)访问使用输入类型=文件选择的文件

如何使用javascript中的所有其他输入类型计算单选输入值?

Typescript,不要使用泛型丢失类型信息

如何通过使用react和typescript键入url来限制用户访问特定页面?

如何将其他类型导入TypeScript自定义声明文件?

如何在主 qml 文件中使用其他 qml 文件中的 qml 类型

不要使用 React-Select 清除选择上的输入

在codeigniter中上传pdf,csv和其他文件类型

使用SaveImage()时如何选择文件类型

jQuery功能是否有其他选择可以限制复选框类型的选择?

如何使用Knockout.js绑定HTML5 datepicker和其他输入类型?

带有Android 4.4的HTML输入类型文件

带有输入类型文件字段的语义UI重置表单

SSRS - 限制用户上传某些文件类型?

用户扫描程序如何检查Zip文件是否由CSV压缩或JAVA中的其他类型的文件?

限制文件输入类型控件以仅选择文本文件

typescript-tsc如何将其他文件类型复制到dist文件夹