余分な情報を持つ画像の仮想パスを設定する

Question

{sku_number} .jpgのようなWebサーバー上に画像があります。今私は、{sku_number} foo.jpgのように、この画像のファイル名をWebサーバ上のファイルの名前を変更せずにすべての訪問者に持たせたいと考えています。

は、これを可能とする方法ですか？

Answer 1

私が正しくあなたを理解している場合のいずれかのオプションは、system.webServerでweb.configファイルに登録するとHTTP Handler

public class ImageHttpHandler : IHttpHandler 
{ 

    public bool IsReusable 
    { 
     get { return false; } 
    } 
    protected RequestContext RequestContext { get; set; } 

    public void ProcessRequest(HttpContext context) 
    { 
     AdvertType type; 
     var url = context.Request.Url.ToString(); 
     //TODO: get ID and extension from url 123456789_TitleOfTheProduct.jpg 
     var path = "yourpathtoimgfolder/id.extension" 
     //Get binary data 

     context.Response.ContentType = "image/png"; 
     context.Response.BinaryWrite(bytes); 
    } 
} 

だろう - >ハンドラ

<add name="YourName" verb="*" path="virtual/folder/*" type="Namespace.ImageHttpHandler, Your.Assembly.With.Handler, Version=1.0.0.0, Culture=neutral" preCondition="managedHandler" /> 

Answer 2

Reference

Url.Contentヘルパーメソッドは、avあなたのファイルへの仮想コンテンツのパスとあなたのサイト内のファイルにアクセスするためのURLを返します。あなたはそれに物理ディレクトリの場所を渡すべきではありません。

あなたのウェブアプリケーションに画像を保存することを検討することがあります。 "Images"という名前のディレクトリを作成すると、Url.Contentメソッドを安全に使用できます。

例えば、

@foreach (var imgPath in Directory.GetFiles(Server.MapPath(Url.Content("~/Images/")))) 
{ 
    <img src="@Url.Content("~/Images/"+ @Path.GetFileName(imgPath))" /> 
} 

それとも、絶対に、アプリのルート外のどこかに画像を保存する必要がある場合（例：「C：\ tempに\画像またはネットワーク上の場所）、あなたはANの作成を検討かもしれませんファイル名を取るアクションメソッド、場所からファイルを読み込み、画像として返す。

public ActionResult GetImg(string id) 
{ 
    var path = $@"C:\temp\images\{id}.png"; 
    var bytes = System.IO.File.ReadAllBytes(path); 
    return File(bytes, "image/png"); 
} 

今、あなたは、単に、このエンドポイントを呼び出し、画像のsrcプロパティとしてそれを使用する必要があります。

@foreach (var imgPath in Directory.GetFiles(@"C:\temp\images", "*.*")) 
{ 
    <img src="@Url.Action("GetImg",new {id=Path.GetFileNameWithoutExtension(imgPath)})" /> 
} 

上記は単純な解決方法で、ハードコードしてpngファイルを返す方法です。

注：個人的には、剃刀ファイルに最小限のC＃を保存することを好みます。私はC＃コード（すべてのDirectory.GetFiles行）をGETアクションに移動し、ビューモデル/ビューバック（必要に応じて）を介してビューにイメージ名のリストを渡すのが好きです。

Answer 3

このような要求を処理する簡単なコントローラを作成できます。

[RoutePrefix("products/images")] 
public class ProductImagesController : Controller { 
    [HttpGet] 
    [Route("{sku_number:long}_{title}.{extension}", Name = "ProductSkuImage")]//Matches GET products/images/123456789_TitleOfTheProduct.jpg 
    public ActionResult Get(long sku_number, string title, string extension) { 
     var fileStorePath = Server.MapPath("~/images"); 
     var fileName = string.Format("{0}.{1}", sku_number, extension); 
     var path = Path.Combine(fileStorePath, fileName); 
     if (System.IO.File.Exists(path)) { 
      var mimeType = MimeMapping.GetMimeMapping(fileName); 
      var downloadName = string.Format("{0}_{1}.{2}",sku_number,title,extension); 
      return File(path, mimeType, downloadName); 
     } 
     return HttpNotFound(); 
    } 
} 

単純な自己説明的な例として、上記をリファクタリングしてより柔軟にすることができます。たとえば、ディスクからファイルを読み込む代わりに、skuを使用してデータベースやWebサービスのような別のデータストアからファイルを取得することができます。ビュー

<a href="@Url.RoutUrl("ProductSkuImage", new { sku_number=123456789 , title = "TitleOfTheProduct" , extension="jpg" })" >TitleOfTheProduct</a> 

からの呼び出しの

例

<a href="http://localhost/products/images/123456789_TitleOfTheProduct.jpg">TitleOfTheProduct</a>  

Answer 4

を生成する私はそれが適切にまだにWebサーバーを許可します、元の画像に偽装された画像から302を返すことをお勧めしますアセットがキャッシュされるのは、アセットが要求されるたびに、ファイルシステムの読み込み/書き込みを実際に非効率的に実行することではありません。NETレベルでありながら、スプーフィングされたパスでDOM内のパスをマスクします（ただし、問題が発生した場合は元のパスが表示されます）。

302があなたの特定のニーズに対応できることを確認します。

それ以外の場合は、基本的にアセットキャッシングのIISパイプラインをエミュレートしたい場合があります。