jquery.babypaunch.ezfile.js
- jqueryλ₯Ό μ΄μ©ν file κ΄λ¦¬ plugin
- λΌμ΄μΌμ€: MIT
- sample: ezfile.html
Install js file & Usage
Example
<html> <head> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="./jquery.babypaunch.ezfile.js"></script> <script> $(function(){ $("#file1").ezfile({name: "upfile1"}); $("#file2").ezfile({name: "upfile2", limit: 0}); $("#file3").ezfile({name: "upfile3", ext: ["gif", "jpg", "jpeg", "png"], size: [900, 300, true]}); $("#file4").ezfile({name: "upfile4", ext: "gif", ratio: [8, 2]}); $("#file5").ezfile({name: "upfile5", limit: 3, byte: "10mb"}); }); </script> </head> <body> <div id="file1"></div> <div id="file2"></div> <div id="file3"></div> <div id="file4"></div> <div id="file5"></div> </body> </html>
ezfile(json) Method
- κΈ°λ³Έμ μΌλ‘ jsonμ κ°μ€μ nameμ νμλ‘ μ§μ ν΄μ£Όμ΄μΌ νλ€. μ΄λ input[type=file] κ°μ²΄μ nameμΌλ‘ μ§μ λλ€.
json | μ€λͺ |
---|---|
text | input[type=file] κ°μ²΄μ placeholder attributeμ κ°μΌλ‘ μ§μ λλ€. |
limit | 1. limitλ₯Ό μ
λ ₯νμ§ μμ κ²½μ°μ νλμ fileλ§ λ±λ‘ν μ μλ€. 2. limitκ° 0μ΄λ©΄ 무μ νμΌλ‘, 0μ΄ μλ λ€λ₯Έ μ«μμ΄λ©΄ μ ν΄μ§ μ«μλ§νΌ fileμ λ±λ‘ν μ μλ€. |
ext | 1. μ
λ‘λν μ μλ νμΌμ νμ₯μλͺ
μ μ§μ νλ€. μ§μ λ νμ₯μλͺ
μ μ μΈνκ³ μ
λ‘λν μ μλ€. 2. νμ₯μλͺ
μ λ°°μ΄λ‘ λ€μ λ±λ‘ν μ μκ³ , λ¬Έμμ΄λ‘λ νλλ§ λ±λ‘ν μ μλ€. |
size | 1. μ
λ‘λν μ΄λ―Έμ§μ νμ©ν κ°λ‘/μΈλ‘ ν½μ
μ¬μ΄μ¦λ₯Ό μ§μ ν μ μλ€. 2. λ°°μ΄μμλλ‘ κ°λ‘, μΈλ‘, μ΄ν μ¬μ΄μ¦ νμ© μ¬λΆλ₯Ό μ
λ ₯νλ€. νΉν μ΄ν μ¬μ΄μ¦ νμ© μ¬λΆλ κ°μ μ§μ νμ§ μμ κ²½μ° κ°λ‘, μΈλ‘κ° μ νν μΌμΉν΄μΌ μ
λ‘λ ν μ μλ€. |
ratio | 1. μ
λ‘λν μ΄λ―Έμ§μ νμ©ν κ°λ‘/μΈλ‘ ν½μ
λΉμ¨μ μ§μ ν μ μλ€. 2. λΉμ¨μ΄ λ§μΌλ©΄ μ¬μ΄μ¦λ μκ΄μμ΄ μ²λ¦¬ν μ μλ€. |
byte | 1. μ
λ‘λν νμΌμ μ©λμ μ νν μ μλ€. μ νν μ©λμ μ«μμ λ¨μλ₯Ό μ
λ ₯ν΄μ μ¬μ©νλ€. 2. μ ν μ©λ λ¨μλ byteλ‘ k(b), m(b), g(b), t(b), p(b)λ₯Ό μ¬μ©ν μ μκ³ , κ°κ° kilo, mega, giga, tera, petaλ₯Ό μλ―Ένλ€. |