【ASP.ET Core】絶対パスで画像を表示

前提・実現したいこと

ASP.NET DBに表示したい画像の絶対パスを持っているのですが、それを取得して画像を表示したいと思っています。

発生している問題・エラーメッセージ

//Model.Fig1には以下のような画像の絶対パスがあります
//C:\Users\user01\Desktop\画像1.jpg
<img src=Model.Fig1 alt="画面１">

上記コードは画像を表示したいViewです。
このような書き方をすると、altの値が画面に出力されています。

補足情報（FW/ツールのバージョンなど）

VS2019
ASP.NET Core MVC
Core Version 3.1.1

退会済みユーザー

2020/03/16 08:44

> ASP.NET DBに表示したい画像の絶対パスを持っているのですが、その「絶対パス」とは何ですか？　前にも言いましたけど、回答者にエスパー能力を期待しないで、ここに書いてあることしか知り得ない第三者に分かるよう具体的に書きましょう。

takeaship

2020/03/16 08:49

ブラウザ側で実際に展開されているHTMLの当該部分はどうなっていますか？

K_aito0122

2020/03/16 14:13

質問で書かせていただいた画像とは異なりますが、ブラウザ側で確認すると「https://localhost:44382/‪C:/Users/user/デスクトップ/IMG_2460.JPG」となっていました。一度だけ画像が表示されたことはあったのですが、その時は「file:///C:/Users/user/デスクトップ/IMG_2460.JPG」となっていました。何の違いで変わるのか分かりません。

退会済みユーザー

2020/03/17 01:44 編集

質問者さんの言う「絶対パス」とは http で始まる URL のことではなくて、Windows OS のファイルシステムのパスで、DB にあるのは質問者さんの開発マシンの個人フォルダにある .jpg 画像ファイルのパスの文字列のようですが、そうなんですか？もしそうだとすると、それを img 要素の src 属性に設定するのは普通はあり得ない話です。インタ―ネット / イントラネット上のユーザーがブラウザで質問者さんが作ったサイトを見るのですよね。それは他人の PC からブラウザ経由で質問者さんの PC の個人フォルダの画像を見ようとしているようなものです。そんなことができると思いますか？一体全体何がしたいのでしょう？

K_aito0122

2020/03/18 01:04

したいことは、サイトを開いたときにサーバー上にある画像を表示することです。

退会済みユーザー

2020/03/18 01:11

> サーバー上にある画像具体的にどこですか？ wwwroot 下なのか、そこではなくて web サーバーのどこかの別フォルダなのか？　リモートにあるファイルサーバーなのかなど、それによって話がいろいろ違ってきます。

K_aito0122

2020/03/18 01:16

webサーバーの別のフォルダです。

退会済みユーザー

2020/03/18 01:44

wwwroot 下の意味わかります？　Visual Studio のソリューションエクスプローラーを見てください。そこにありますよね。それのことです。web サーバーの別フォルダに配置できるなら、そこに配置することもできるのでは？「wwwroot 下」と「web サーバーの別フォルダ」では難易度が数倍（知識とスキルが十分でないと越えられない壁かも）違ってきます。可能であれば「wwwroot 下」一択です。前のスレッドの時のように茨の道の方を選ばないよう考えてみてください。

退会済みユーザー

2020/03/18 08:02

質問者さん、また無言になってしまいましたが、どうするのですか？　考え中ならちょっと待ってくれと書くとか、あくまで「web サーバーの別フォルダ」ということならその旨書くとか、両方教えて欲しいならそう書くとか、ギブアップならそう宣言してクローズするとかしていただけませんか。無言は NG です。

K_aito0122

2020/03/19 06:42

遅くなりすいません。wwwroot下に変えようと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

wwwroot下に変えようと思います。

画像ファイルは、当初の案の質問者さんの開発マシンの個人フォルダもしくは Web サーバーの任意のフォルダではなく、ASP.NET Core 3.1 MVC アプリのプロジェクトの wwwroot 下に置くということでレスします。

インターネット上でサービスを行う Web アプリを作っているのなら、img 属性の src 要素に設定するのは C:\Users\user01\Desktop\画像1.jpg などという Windows OS のファイルシステムのパスではダメで、地球の裏側の PC からでもアクセスできる URL でなければならないということは理解してますか？

そこが理解できてないと話が通じないので、もし分かってなければ勉強して理解できるようになってください。そこは分かっているという前提でレスを書きます。

質問者さんが作っている ASP.NET Core 3.1 MVC アプリの中で、地球の裏側の PC からアクセスできる URL という条件を満たすのが wwwroot 下のフォルダです。以下の画像のように images フォルダを作って（フォルダ名は任意）、その中に画像ファイルを配置してください。

そうすれば、その中の 911GT2.jpg という画像は View に <img src="/images/911GT2.jpg" alt="" /> というコードを書けば表示されます。

DB に "/images/911GT2.jpg" という文字列を保存してあって、それを Model 経由で View に渡したいなら Controller のアクションメソッドで、例えば以下のように Model のプロパティに "/images/911GT2.jpg" という文字列を代入し、

public IActionResult Index()
{
    var model = new Category
    {
        CategoryID = 1,
        CategoryName = "自動車",
        ImageUrl = "/images/911GT2.jpg"
    };
    return View(model);
}

View では以下のようにすれば表示されるはずです。