ファイルアップロードでお手軽な画像プレビュー

登録フォームでアップロードする画像のプレビューをお手軽に表示する方法。
以前はajaxを使って裏でサーバにアップロードしてimgのsrcを書き換えるなんてことをやってたけど、この方法だとクライアント側だけで解決する。
IE10以降/Chrome/FFで動作確認できた(safariはmac持っていないので未確認)

html

<img id="preview" src="/images/blank.png" />
<input type="file" id="picture" name="picture" />

js

$('#picture').change(function() {
  try {
    var reader = new FileReader();
    reader.onload = function(e) {
      $('#preview').attr('src', e.target.result);
    }
    reader.readAsDataURL(this.files[0]);
  } catch(e) {
  }
});