Question

这可能是一个非常基本的问题，我试图从输入字段中获取图像信息。

form.html -

<form id="file-form" action="handler.php" method="POST">
  <input type="file" id="file-select" name="image" multiple/>
  <input type="text" id="text-input" />
  <button type="submit" id="upload-button">Upload</button>
</form>

在我的js文件中，我使用id。

搜索了输入字段

upload.js -

var fileSelect = jQuery('#file-select');

我想通过使用

找到原因

var file = fileSelect[0].files

我可以在执行

时获取文件信息

var file = fileSelect.files

返回＆＃39; undefined。＆＃39;还在做

jQuery('#text-input').val();

实际上返回值，即使我没有包含任何索引值

非常感谢！

Answer 1

//$("input[type=file]") always returns the array of files .
 
    $("input[type=file]").on("change",function(e){
    var  type= this.files[0].type;//0 indicate first file in list 
    var name =this.files[0].name;
    var size=this.files[0].size;
    var lastlastModifiedDate=this.files[0].lastModifiedDate;
      alert("type:"+type+"\n name:"+name+"\nsize:"+size);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file">

Answer 2

fileSelect是一个jQuery对象，它没有files属性。

files是本机dom元素的属性，您必须首先从jQuery对象获取本机dom元素，然后访问files属性。

从输入字段

2 个答案: