input fileアップロードファイルの拡張子制限

方法一(不推奨使用):jSで拡張子を取得して検証する:
＜script type=「text/javascript」charset=「utf-8」
function change(e){
    var src=e.targt𞓜window.event.srcellment;/イベントソースを取得し、chrome/IEに対応する.
    src.style.background='red'
    alert(src.value)
   //テストchromeブラウザ、IE 6、取得したファイル名にファイルのパスが含まれています.
   //パスをファイル名に切り取ります.
    var filename=src.value;
    alert(filename.substring);
   //ファイル名の拡張子名(ファイル形式)を取得します.
    alert(filename.substring);
)


＜body＞
    ファイルを選択:
   

   

 
 
 
方法二:
HTML＜input＞ラベルのaccept属性
 
実例
ファイルアップロードにaccept属性を使用して、この例の入力フィールドはGIFとJPEGの2つの画像を受け入れることができます.

<form>
  <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />
</form>

自分で試してみる
画像のフォーマットを制限しない場合は、accept=「イメージ/*」と書くことができます.
定義と用法
accept属性はヒント:この属性の使用は避けてください.サーバー側でファイルのアップロードを検証するべきです.
 
 
 
http://www.w3school.com.cn/tags/att_input_accept.asp