.files[0]在javascript/jQuery中代表什么？

因此，当通过ajax上传图像时，我会遇到如下情况：

$("input#uploadedfile").on("change", function(){
   var file = this.files[0],
});

假设#uploadedfile是一个

文件

类型的输入，那么

这个.files[0]

只是针对第一个上传的文件吗？这个jQuery也在做同样的事情吗

var file = $(this).get(0).files[0]

---

输入元素的

files

属性返回一个值。假设

this

是一个输入元素，

this.files[0]

在索引

0

处返回a

$（this.get（0）

返回jQuery对象的第一个元素（请记住，每个jQuery对象也是一个数组）。因此，

$（this.get（0）.files[0]

是另一种访问

this.files[0]

值的方法

<li class="list-group-item active"><h5>Feaured Image</h5></li>
            <li class="list-group-item">
                <div class="input-group mb-3">
                    <div class="custom-file ">
                        <input type="file"  class="custom-file-input" name="thumbnail" id="thumbnail">
                        <label class="custom-file-label" for="thumbnail">Choose file</label>
                    </div>
                </div>
                <div class="img-thumbnail  text-center">
                    <img src="@if(isset($product)) {{asset('storage/'.$product->thumbnail)}} @else {{asset('images/no-thumbnail.jpeg')}} @endif" id="imgthumbnail" class="img-fluid" alt="">
                </div>
            </li>
<script>
$(function(){
$('#thumbnail').on('change', function() {
    var file = $(this).get(0).files;
    var reader = new FileReader();
    reader.readAsDataURL(file[0]);
    reader.addEventListener("load", function(e) {
    var image = e.target.result;
$("#imgthumbnail").attr('src', image);
});
});
}
</script>

选择文件 缩略图）}}@else{{asset（'images/no缩略图.jpeg'）}}@endif“id=”imgthumbnail“class=”img fluid“alt=”“>

$（函数（）{ $（'#缩略图'）。在（'change'，function（）上{ var file=$（this）.get（0）.files； var reader=new FileReader（）； reader.readAsDataURL（文件[0]）； reader.addEventListener（“加载”，函数（e）{ var image=e.target.result； $（“#imgthumbail”）.attr（'src'，image）； }); }); }

---

要上传的第一个文件。是的。是的，是我的错，这就是我的意思。我认为您需要在这里提供一些解释，Moazzam-运行此命令肯定会显示代码的作用，但我认为一些澄清文本也会有所帮助。