表示される文字コードについて

文字コードについての質問です。

以下のHTMLをShift_JISで作成しました。
ファイルの中身のテキストを表示するscriptを記述しました。
指定したファイルを以下の2通りで試しました。
・UTF-8で記述したテキストファイル
・Shift_JISで記述したテキストファイル
UTF-8では文字化けされずに表示され、Shift_JISでは文字化けしてしまいました。
ブラウザはcharsetで指定した文字コードで表示するため、結果は逆になると思っていたのですがなぜでしょうか？

<html>
	<head>
	<meta charset="Shift_JIS">
	<title>文字コードの指定</title>
	</head>
	<body>
		<form name="test">
		<input type="file" id="selfile"><br>
		<textarea name="txt" rows="10" cols="40" readonly></textarea>
		</form>

		<script>
		var obj1 = document.getElementById("selfile");

		//ダイアログでファイルが選択された時
		obj1.addEventListener("change",function(evt){

		  var file = evt.target.files;

		  //FileReaderの作成
		  var reader = new FileReader();
		  //テキスト形式で読み込む
		  reader.readAsText(file[0]);
		  
		  //読込終了後の処理
		  reader.onload = function(ev){
			//テキストエリアに表示する
			document.test.txt.value = reader.result;
		  }
		},false);
		</script>
	</body>
</html>