ファイルパスの代わりにイメージURLを返す方法

Question

アップロードした画像をブラウザに表示する際に問題が発生しています。 私はローカルリソースをロードするために許可されていませんエラー

取得： ファイル：/// C：/Office%20Data/dummy/AngularJSAuthentication-master/MyCars/MyCar.API/App_Data/Images/p7.jpeg%を20alt =

App_dataのサーバーに画像を保存するために、次のコード行を記述しました。私はこのエラーの理由を得たグーグル後

file:///C:/Sample%20Data/dummy/AngularJSAuthentication-master/MyCars/MyCar.API/App_Data/Images/p7.jpeg 

HTML

<img ng-src="{{motor.FileUploads[0].Path}} alt="Description" /> 

を次のようにDBに保存された

File.Path = Url.Content(string.Format("{0}/{1}", System.Web.HttpContext.Current.Server.MapPath("~/App_Data/Images"), fileName)); 

ファイルのパス。

Basically i need to return back Image URL instead of file path. 

問題： 私は私が角度のクライアントにイメージパスを返すことができるかどうかはわかりませんよ。

誰かが私を導くことができますか？すべての画像がImagesのルートにある場合だけで、ファイル名以外のすべてをドロップ

Answer 1

完全な物理パスを指定する必要はありません。ブラウザ

File.Path = Url.Content(string.Format("~/App_Data/Images/{0}", fileName)); 

これからの参照が相対URLに

アップデートを返す必要があります：あなたが直接App_Dataにフォルダの内容にアクセスすることができますので、うまく、これは動作しません。あなたは〜/画像が 、それが動作するはずですか

はApp_Dataにフォルダ内のファイルを保存フォルダーのいずれかのこれらの方法のApp_Dataにフォルダのうち、画像が好きな

• 動きをこの近づくが、 を使用してファイルをストリーミングすることができます第二の選択肢のあなたのコントローラの1つの

最低限のサンプル実装が

public class UploadsController : Controller 
{ 
    [HttpGet] 
    public ActionResult Image(string fileName) 
    { 
     //!validate file name! 
     return File(Server.MapPath($"~/App_Data/{fileName}"), "image/jpeg"); 
    } 
} 

のようになります。上のコンテンツ/ファイル結果アクション

HTMLの場合は<img src="api/uploads/image?filename=temp.jpg" ...

Answer 2

：

//using System.IO; 

File.Path = Url.Content(string.Format("{0}/{1}", System.Web.HttpContext.Current.Server.MapPath("~/App_Data/Images"), Path.GetFileName(fileName))); 

を更新

はサムの答えのようになっている必要があります。

File.Path = Url.Content(string.Format("~/App_Data/Images/{0}",Path.GetFileName(fileName)));