accept属性を使わずHTMLのみでアップロードできるファイルタイプの指定をすることは難しいと思います。
そこで、javascriptを使ってファイルタイプの指定をする方法をご紹介します。
しかし、これは完全にアップロードできるファイルタイプを制限できるものではないことに注意してください。
HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4 <meta charset="utf-8">
5 <title>タイトル</title>
6</head>
7<body>
8<form onsubmit="check();">
9 <input id="upfile" type="file">
10 <input type="submit">
11</form>
12<script>
13 function check() {
14 var file = document.getElementById('upfile');
15 if (file.value.lastIndexOf('.')) {
16 filetype = file.value.substring(file.value.lastIndexOf('.'), file.value.length);
17 }
18 if (filetype.toLowerCase() == '.csv') {
19 return true;
20 } else {
21 alert('csvファイルのみアップロードすることができます。');
22 this.file.value = '';
23 return false;
24 }
25 }
26</script>
27</body>
28</html>
クリックされたときにsubstringメソッドとlastIndexOfメソッドを使って選択されたファイルの拡張子のみを取得してファイルタイプの判断を行っています。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/07 11:33
退会済みユーザー
2016/12/07 11:47
2016/12/08 00:14