如何使用 JS 和 input[type="file"] 获取文件的名称和大小答案

【问题标题】：How to get name and size of file using JS and input[type="file"]如何使用 JS 和 input[type="file"] 获取文件的名称和大小
【发布时间】：2015-11-03 11:16:27
【问题描述】：

有如下代码：

  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 ...”），但我需要获取这些参数：

文件名
尺寸
内容类型（图片或非图片）

我该怎么做？谢谢！

【问题讨论】：

标签： javascript coffeescript

【解决方案1】：

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}"

【讨论】：