Question

如何使用来自

的jquery获取所有文件的名称和大小

我的HTML

<input type="file" id="images" multiple="multiple">
<input type="submit" id="send">

我的jQuery代码

$('#send').click(function(){
var image1.name = $('#images').files[0].name;
var image1.size = $('#images').files[0].size;
alert(image1.name + ' - ' + image1.size);});

Answer 1

您必须遍历files属性

$('#send').on('click', function() {

  var files = $('#images').get(0).files;

  $.each(files, function(_, file) {
    console.log('name : ' + file.name + ' --- ', 'size : ' + file.size);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="file" id="images" multiple="multiple">
  <input type="button" id="send" value="Send">
</form>

Answer 2

使用输入中的files属性

＆＃13;

$('#send').click(function(){

var files = $('#images')[0].files;

for(var i = 0; i<files.length; i++){
 console.log(files[i].name+'----'+files[i].size);
}

});

＆＃13;

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

＆＃13;

如何使用来自<input type =“file”multiple =“”/>的jquery获取所有文件的名称和大小

2 个答案: