客户端检查文件输入是否有正确的图像文件格式

Client-side checking of a file input have a correct image file format

本文关键字：文件 图像 格式 检查 输入 是否 客户端      更新时间：2023-09-26

我想知道是否有一种方法来检查正确的文件格式和使用javascript图像的大小?

我有一个注册表格，在使用应用程序之前必须上传图像:

<form action='signUp.php' method POST>
    choose your image: <input type='file'></input>
</form>

您将无法仅使用javascript检查文件大小，但您应该能够通过简单地抓取该输入字段的值并抓取最后一部分来检查所选文件的文件格式。比如，你的HTML中有这样一个标签:

<input type="file" id="afile" />

在你的javascript中，你可以有一个这样的函数，并在提交表单时引用它:

function check_filetype(){
    var filename = document.getElementById('afile').value;
    return filename.substr(filename.lastIndexOf('.'));
}
相关文章：