javascript input file で選択した画像をBlobURLで表示

最近、やることが多いのでひな形をメモしておく

<input type="file" id="upload_file" />
<script>
window.addEventListener('load', function() {
  var upload_file = document.getElementById('upload_file');
  upload_file.addEventListener('change', function() {
    var blobUrl = window.URL.createObjectURL(upload_file.files[0]);
    // blobUrlをimgタグやvideoタグにセットする
  });
});
</script>

以上です