kuwalab/fileTypeIcon.html

## fileTypeIcon.html
<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>ファイルのアイコン表示</title>
  <link rel="stylesheet" href="../css/fileTypeIcon.css">
 </head>
 <body>
  <h1>ファイルのアイコン表示</h1>
  <div><input type="file" id="file"></div>
  <div id="view"></div>
  <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  <script src="../dest/jquery.fileTypeIcon.min.js"></script>
  <script>
$view = $('#view');
$('#file').on('change', function() {
  var files = $(this).get(0).files;
  // 複数選択はしない
  var file = files[0];
  $view.fileTypeIcon({ file: file, imageDir: '../image/' });
});
  </script>
 </body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>ファイルのアイコン表示</title>
	<link rel="stylesheet" href="../css/fileTypeIcon.css">
	</head>
	<body>
	<h1>ファイルのアイコン表示</h1>
	<div><input type="file" id="file"></div>
	<div id="view"></div>
	<script src="../bower_components/jquery/dist/jquery.min.js"></script>
	<script src="../dest/jquery.fileTypeIcon.min.js"></script>
	<script>
	$view = $('#view');
	$('#file').on('change', function() {
	var files = $(this).get(0).files;
	// 複数選択はしない
	var file = files[0];
	$view.fileTypeIcon({ file: file, imageDir: '../image/' });
	});
	</script>
	</body>
	</html>