jQuery/File API

解説 ローカルファイル情報取得
sample1
sample1code
function s1Func(e){
  var files = e.target.files;
  var fileData = "";
  for(var i = 0; i < files.length; i++){
    var fileVal = files[i];
    fileData +=
      'ファイル名:' + escape(fileVal.name) + "," +
      'ファイルサイズ:' + fileVal.size + 'バイト' + "," + 
      'MIMEタイプ:' + fileVal.type + "," +
      '最終更新日時:' + fileVal.lastModifiedDate;
  }
  console.log(fileData);
}
sample2
sample2code
$("#s2File").on('change', function(e){
  if(window.File && window.FileReader) {
    console.log("ご使用のブラウザはFile APIを実装しています");
  }else{
    console.log("ご使用のブラウザはFile APIをサポートしていません");
  }
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var url = window.URL.createObjectURL(file);
  $("#s2Img").attr("src", url);
});