2017-02-17 5 views
0

問題

私は、いくつかのバックグラウンドアニメーションとキャンバスのことを扱うJSファイルを持っています。完全に動作しますが、画像ソースの設定に関するこの小さなエラーでは、私は見つけました:http:// localhost:XXXX/のホームページはここにありますが、実際のURLはもちろんhttp:// localhost:XXXXX/Home/Indexです。イメージソースを設定 - 別のURLから

したがって、リダイレクトすると、最初にルーティングされたURLではなく、「フル」URLに送られます。 javascriptはソースを見つけません。

現在のソリューション

var link = document.createElement("a"); 
link.setAttribute('href', window.location.href); 

Logo = new Image(); 
Logo.src = "https://" + link.hostname + ":" + link.port + "/images/logo.png"; 
dotaLogo.addEventListener('load', initCanvas, false); 

この部分は今の開発環境で働いています。

質問:

  1. 許容できるこの方法ですか?
  2. 明らかにこれはDev環境です。.portリンクの一部がリアルタイムで失敗しますか?

提案に感謝します。

+0

あなたは 'IE'ブラウザでこれを確認しまし要求します比較的<img src="/images/blah.jpg">

を使用してURLを参照することができますか?特に、「Edge」では?その間に 'window.location'を使用して' hostname'、 'port'などを抽出することもできます。' ..createElement'と同じです –

+0

私が滞在することをお勧めしますこの方法。代わりにFileResultを使用することについての考え方?おそらく...答えるために時間を割いて – Terrance00

答えて

0

あなただけの、これは<protocol>://<hostname>:<port>/whatever

+0

おかげで同じ問題を持っています。私は2つのURLからこの呼び出しを行う1つのJavaScriptファイルがあることを忘れないでください。あなたが質問を読んだ場合、これは1つのケースでしか機能しません。 http:// localhost:xxxx/images/blag.jpgは正常に動作します。しかし、urlは完全なHTTPとなった場合:// localhostを:XXXX /ホーム/インデックス/イメージ。私たちには問題があります。私はjavascriptでこれをやっていることにも注意してください。私はあなたが各シナリオであることを、結果を期待している何canvas._ – Terrance00

+0

でそれを使用しておりますので、HTMLにはimg要素はありませんか? HTMLで申し訳ありませんが、src属性を設定すると同じように動作します – dpix

関連する問題