$('xx')[0].files[0]

①首先得明白jQuery對象只能使用jQuery對象的屬性和方法，JavaScript對象只能使用JavaScript對象的屬性和方法；

②files[0]是JavaScript的屬性；

③$('xx')是jQuery對象，$('xx')[0]是將jQuery對象：$('xx')轉換為JavaScript對象，這樣才可以使用JavaScript對象的屬性和方法；

④我們再看這行代碼的背景，HTML5支持multiple屬性，即<input?type="file">可能會添加multiple屬性并賦值：multiple="multiple"，即<input?type="file"?multiple="multiple">，這樣一次性可同時上傳多張圖片，所以獲得一張圖片的方法就是：$('xx')[0].files[0]

⑤擴展：

$('xx')[0].files[0].size可獲得文件的大小，單位是字節（B），使用$('xx')[0].files[0].size可用于判斷文件的大小。

?

console.log($('#avatar')[0].files[0].name); 文件名
console.log($('#avatar')[0].files[0].size); 文件大小
console.log($('#avatar').val()); 文件路徑

轉載于:https://www.cnblogs.com/yang220/p/10776485.html

總結

以上是生活随笔為你收集整理的文件对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。