E.target.files[0] Layer Anatomy

Because I now get a feature is the upload when the large size of the image filter, so need to get the upload to choose the size of the image, so with this blog post

Not much to say on the code

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

1??、 console.log (e) What did ==> get?

Get: Here are the

2. altkey:undefined
4. Bubbles:true
6. Cancelable:false
8. Ctrlkey:undefined
10. Currenttarget:input
12. Data:null
14. Delegatetarget:input
16. Detail:undefined
18. Eventphase:2
20. Handleobj:Object
22. isdefaultprevented:h ()
24. jQuery22007808826687871413:true
26. Metakey:undefined
28. Originalevent:Event
30. Relatedtarget:undefined
32. Shiftkey:undefined
34. Target:input
36. TimeStamp:3956.0400000000004
38. Type:"Change"
40. View:undefined
42. Which:undefined
44. __proto__:Object 　　　　　　

2??、 Console.log (e.target) What will you get?

The resulting input object <input type= "file" multiple= "multiple" style= "top:91px; left:44px; position:absolute; opacity:0; z index:1000; " >

3??、 Console.log (e.target.files), what do you get?

Get a bunch of filelist

1. FileList
1. Length:0
2. __proto__:FileList

4??、 Console.log (E.target.files[0]) What can I get?

Get the first input to select the image of some parameters, the resulting parameters can be extracted according to their own needs, such as I now need is the size parameter, e.target.files[0].size can get the unit is B ha

2. File
2. LastModified:1478486422000
4. LastModifiedDate:Mon-Nov 10:40:22 gmt+0800 (CST)
6. Name:"222.jpg"
8. Size:124996
10. Type:"Image/jpeg"
12. Webkitrelativepath: ""
14. __proto__:File

})

Continue to refuel, step by step??

E.target.files[0] Layer Anatomy