如何使用JS获取文件的名称和大小，并输入[类型=“文件”]

How to get name and size of file using JS and input[type="file"]

本文关键字：文件 输入 类型 获取 JS 何使用      更新时间：2023-09-26

有以下代码：

  element.bind 'change', (changeEvent) ->
    reader = new FileReader()
    reader.onload = (loadEvent) ->
      attachments.push loadEvent.target.result
    console.log(changeEvent)
    reader.readAsDataURL(changeEvent.target.files[0])

正如你所看到的，我可以获得一个文件内容（"data:application/pdf；base64，JVBERi0xLjQKJeTw7fgKNCAwIG9iago8PAovQ29sb3JTcGFj…"），但我需要获得这些参数：

  • 文件名
  • 尺寸
  • 内容类型（是否为图像）

我该怎么做？谢谢

changeEvent.target.files是一个对象数组，用于描述上传的文件。

file = changeEvent.target.files[0]
if 'name' in file
    console.log "name: #{file.name}"
else
    console.log "name: #{file.fileName}"
if 'size' in file
    console.log "size: #{file.size} bytes"
else
    console.log "size: #{file.fileSize} bytes"
if 'mediaType' in file
    console.log "type: #{file.mediaType}"
相关文章：