MVC JScript写真と表示プレビューをアップロード

Question

新しいレコードを作成するときに、ユーザーがアイテムの写真をアップロードできるようにする必要があります。十分

ファイン簡単に、私はここで提出

前にアップロードをプレビューしているとのトラブルを抱えていることは、私がこれまでのすべての最後の行は別に実行されて持っているものです。

  <img id="AssetPic" src="~/Content/missing.png" alt="Upload Photo" width="250" height="250" /><br /> 
      <input type="file" accept="image/*" onchange="loadFile(event)" name="fileupload" /> 
      <script> 
       function createObjectURL(file) { 
        if (window.webkitURL) { 
         return window.webkitURL.createObjectURL(file); 
        } else if (window.URL && window.URL.createObjectURL) { 
         return window.URL.createObjectURL(file); 
        } else { 
         return null; 
        } 
       } 

       var loadFile = function (event) { 
        var output = document.getElementById('AssetPic'); 
        output.alt = "Your Photo"; 
        output.src = createObjectURL(event.currentTarget.files[0]); 
       }; 
      </script> 

問題ライン

output.src = createObjectURL(event.currentTarget.files[0]); 

エラーメッセージ

0x800a138f - JavaScript runtime error: Unable to get property 'files' of undefined or null reference 

しかし、私はコピーして、孤独なメモ帳ファイルでこれを貼り付け、それを実行した場合、それは私が信じるようにつながる正常に動作しますプロパティ[ファイル]が別のスクリプトによって干渉されています。

標準のMVC5 Appは、私が追加した唯一のスクリプトです.JSpritelyです。

これを動作させる方法を知っている人はいますか？その愚かなイライラ！

Answer 1

IEの互換モードがオンになっていないことを確認してください..... face palm