jQuery File Checker

Upload-iconDari dulu biasanya cek upload file pake PHP, jadi file di upload dulu ke server (temporary), kemudian di cek filenya (type/size/name).

Tapi gara2 tadi dapet project upload file video, dan masih pake cara lama cek filenya, maka server butuh waktu lama untuk cek file, karena ukuran filenya yang besar dan filenya mesti di upload terlebih dahulu ke server, kemudian di cek oleh php.Untuk itu, kita bisa menggunakan jQuery untuk cek file yang akan di upload, jadi pengecekan dapat di lakukan di sisi client serta dapat menghemat waktu pengecekan.

Bingung? saya juga bingung nulisnya gimana, hehe mending langsung aja…

Source:

    <head>
       <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    </head>
    <body>
       <input type="file" id="myFile" />
       <script language="javascript">
        $('#myFile').bind('change', function() {
            alert(this.files[0].size);
        });
    </script>
    </body>

ket:

this.files[0].name = untuk nama file
this.files[0].size = untuk ukuran file
this.files[0].type = untuk tipe file

*tp untuk menghindari hal2 yang tidak diinginkan, bisa pake 22-nya, jadi di client dan di server juga di cek.. 😀