e.target.files[0]層層剖析

因為我現在拿到的一個功能是上傳時過濾掉很大尺寸的圖片，所以需要來拿到上傳時選擇圖片的size,所以有了這篇博文

不多說 上代碼

$('input').change(function(e){

　1️⃣、console.log(e)==>得到的是什么呢

　　得到的是：下面這些

1. altKey:undefined
2. bubbles:true
3. cancelable:false
4. ctrlKey:undefined
5. currentTarget:input
6. data:null
7. delegateTarget:input
8. detail:undefined
9. eventPhase:2
10. handleObj:Object
11. isDefaultPrevented:h()
12. jQuery22007808826687871413:true
13. metaKey:undefined
14. originalEvent:Event
15. relatedTarget:undefined
16. shiftKey:undefined
17. target:input
18. timeStamp:3956.0400000000004
19. type:"change"
20. view:undefined
21. which:undefined
22. __proto__:Object　　　　　　

2️⃣、console.log(e.target)又會得到什么呢？

　　得到的是input對象<input type="file" multiple="multiple" style="top: 91px; left: 44px; position: absolute; opacity: 0; z-index: 1000;">

3️⃣、console.log(e.target.files)呢，得到的又是什么呢？

　　得到的是一串filelist

1. FileList
1. length:0
2. __proto__:FileList

4️⃣、console.log(e.target.files[0])又能得到什么呢

　　得到的是第一張input選擇的圖片的一些參數，得到的這些參數可以根據自己的需要提取，比如我現在需要的是size參數，e.target.files[0].size就可以拿到了,得到的單位是b哈

1. File
1. lastModified:1478486422000
2. lastModifiedDate:Mon Nov 07 2016 10:40:22 GMT+0800 (CST)
3. name:"222.jpg"
4. size:124996
5. type:"image/jpeg"
6. webkitRelativePath:""
7. __proto__:File

})

 繼續加油，一步一步🆙