如何使用JavaScript FileReader检测文件扩展名

巴亚

我正在使用javascript的FileReader和我的自定义函数来读取JPG-JPEG图像,我的问题是,如何通过下面的代码检测文件扩展名,如果文件不是JPG-JPEG则给用户错误:

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
      alert('image has read completely!');
    }

    reader.readAsDataURL(input.files[0]);
  }
}
Engin Ustun

您可以尝试一下,我将您的代码更改如下:

var fileTypes = ['jpg', 'jpeg', 'png', 'what', 'ever', 'you', 'want'];  //acceptable file types

function readURL(input) {
    if (input.files && input.files[0]) {
        var extension = input.files[0].name.split('.').pop().toLowerCase(),  //file extension from input file
            isSuccess = fileTypes.indexOf(extension) > -1;  //is extension in acceptable types

        if (isSuccess) { //yes
            var reader = new FileReader();
            reader.onload = function (e) {
                alert('image has read completely!');
            }

            reader.readAsDataURL(input.files[0]);
        }
        else { //no
            //warning
        }
    }
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何检测文件上使用的压缩类型?(如果未指定文件扩展名)

来自分类Dev

如何检测文件上使用的压缩类型?(如果未指定文件扩展名)

来自分类Dev

如何检测选定文件夹和选定文件扩展名中的更改文件?

来自分类Dev

如何检测android中是否存在文件名(带有任何扩展名)

来自分类Dev

如何使用JavaScript在文件扩展名之前插入文本?

来自分类Dev

如何检测具有相同名称但扩展名不同的文件?

来自分类Dev

如何检测具有相同名称但扩展名不同的文件?

来自分类Dev

VS.NET如何检测应扩展的扩展名?

来自分类Dev

在JavaScript中获取文件扩展名

来自分类Dev

如何从Chrome扩展名读取文件?

来自分类Dev

如何批量添加文件扩展名?

来自分类Dev

如何获取文件扩展名的IPreviewHandler?

来自分类Dev

如何批量添加文件扩展名?

来自分类Dev

如何cp多个文件扩展名?

来自分类Dev

如何更改多个文件的扩展名?

来自分类Dev

如何清理文件扩展名?

来自分类Dev

如何替换文件扩展名

来自分类Dev

如何打开未知扩展名的文件

来自分类Dev

如何运行 .Server 文件扩展名?

来自分类Dev

如何更改文件的扩展名

来自分类Dev

使用SLPDF扩展名打开文件

来自分类Dev

使用JFileChooser选择文件扩展名

来自分类Dev

使用 Powershell 过滤文件扩展名

来自分类Dev

如何使用文件扩展名的多个条件搜索文件

来自分类Dev

如何获取使用php上传的文件的文件扩展名?

来自分类Dev

如何使用DataAnnotations使用多个文件扩展名?

来自分类Dev

如何使用DataAnnotations使用多个文件扩展名?

来自分类Dev

使用Javascript验证上传时的文件扩展名

来自分类Dev

避免在URI中使用浮点数的Spring MVC请求映射中的文件扩展名检测

Related 相关文章

  1. 1

    如何检测文件上使用的压缩类型?(如果未指定文件扩展名)

  2. 2

    如何检测文件上使用的压缩类型?(如果未指定文件扩展名)

  3. 3

    如何检测选定文件夹和选定文件扩展名中的更改文件?

  4. 4

    如何检测android中是否存在文件名(带有任何扩展名)

  5. 5

    如何使用JavaScript在文件扩展名之前插入文本?

  6. 6

    如何检测具有相同名称但扩展名不同的文件?

  7. 7

    如何检测具有相同名称但扩展名不同的文件?

  8. 8

    VS.NET如何检测应扩展的扩展名?

  9. 9

    在JavaScript中获取文件扩展名

  10. 10

    如何从Chrome扩展名读取文件?

  11. 11

    如何批量添加文件扩展名?

  12. 12

    如何获取文件扩展名的IPreviewHandler?

  13. 13

    如何批量添加文件扩展名?

  14. 14

    如何cp多个文件扩展名?

  15. 15

    如何更改多个文件的扩展名?

  16. 16

    如何清理文件扩展名?

  17. 17

    如何替换文件扩展名

  18. 18

    如何打开未知扩展名的文件

  19. 19

    如何运行 .Server 文件扩展名?

  20. 20

    如何更改文件的扩展名

  21. 21

    使用SLPDF扩展名打开文件

  22. 22

    使用JFileChooser选择文件扩展名

  23. 23

    使用 Powershell 过滤文件扩展名

  24. 24

    如何使用文件扩展名的多个条件搜索文件

  25. 25

    如何获取使用php上传的文件的文件扩展名?

  26. 26

    如何使用DataAnnotations使用多个文件扩展名?

  27. 27

    如何使用DataAnnotations使用多个文件扩展名?

  28. 28

    使用Javascript验证上传时的文件扩展名

  29. 29

    避免在URI中使用浮点数的Spring MVC请求映射中的文件扩展名检测

热门标签

归档