Question

我试图抓住使用number of files选择的JQuery用户，但我的代码不起作用。 添加了JQuery并正常工作 。每次警报框显示1。

＆＃13;

$('#product_image').change(function(){
			var size = $("#product_image").length;
			alert(size);
		});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
         <input type="file" class="" id="product_image" name="product_image" multiple>
    </form>

＆＃13;

Answer 1

检查DOM元素的files属性的长度。

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="file" class="" id="product_image" name="product_image" multiple>
</form>
JQuery
<script>
  $('#product_image').change(function() {
    var size = this.files.length;
    console.log(size);
  });
</script>

＆＃13;

Answer 2

使用$(this).get(0).files.length

$('#product_image').change(function(){
			var size = $(this).get(0).files.length
		console.log(size);
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
         <input type="file" class="" id="product_image" name="product_image" multiple>
    </form>

Answer 3

您只检查HTML元素的长度，而不是（实际上打算）检查文件的长度。

$('#product_image')[0].files.length  // returns the number of files in your input

触发使用jquery选择的文件数

3 个答案: