Information of the file to be uploaded in the browser
ブラウザでファイルをアップロードするとき、ファイルの情報が欲しいときがあります。クライアント側でファイル名やファイルサイズをチェックしたい、というときにはこんな感じです。
// foo はファイルをアップロードするinput要素のid var _fileName = $('#foo')[0].files[0].name; var _fileSize = $('#foo')[0].files[0].size;
がしかし、FileAPIに対応していないブラウザでは、上記の方法ではダメみたいです。
でどうするかというと、
var _regex = /\/|\\//; var _path = document.getElementById('foo').value.split(_regex); var _fileName = _path.pop();
ファイル名は取得できました!でもファイルサイズは取得できないようです。。。
↓FileAPI対応ブラウザはこちらを確認!
http://caniuse.com/#feat=fileapi