Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JS和input[type=";file";]获取文件的名称和大小_Javascript_Coffeescript - Fatal编程技术网

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

Javascript 如何使用JS和input[type=";file";]获取文件的名称和大小,javascript,coffeescript,Javascript,Coffeescript,有以下代码: element.bind 'change', (changeEvent) -> reader = new FileReader() reader.onload = (loadEvent) -> attachments.push loadEvent.target.result console.log(changeEvent) reader.readAsDataURL(changeEvent.target.files[0])

有以下代码:

  element.bind 'change', (changeEvent) ->
    reader = new FileReader()
    reader.onload = (loadEvent) ->
      attachments.push loadEvent.target.result
    console.log(changeEvent)
    reader.readAsDataURL(changeEvent.target.files[0])
如您所见,我可以获取文件内容(“数据:application/pdf;base64,JVBERi0xLjQKJeTw7fgKNCAwIG9iago8PAovQ29sb3JTcGFj…”),但我需要获取以下参数:

  • 文件名
  • 大小
  • 内容类型(图像或非图像)

我怎么做?谢谢

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