Asp.net एमवीसी

Question

में छवि नहीं मिली छवि को दिखाने के लिए मेरे पास एएसपीनेट एमवीसी प्रोजेक्ट है। एक शानदार विचारों में मैं चार प्रोमेक्ट को अपने प्रोक्ट के अंदर अलग-अलग फ़ोल्डर से कॉल करता हूं।

कभी-कभी छवि नहीं मिल सकती है। मैं प्रत्येक फ़ोल्डर के लिए एक छवि सेट करना चाहता हूं क्योंकि सभी 4 फ़ोल्डर में छवि के विभिन्न भिन्न आकार होते हैं इसलिए मुझे प्रत्येक फ़ोल्डर के लिए विशिष्ट आकार की छवि सेट करने की आवश्यकता होती है।

जब छवि को ऐसा करने का कोई तरीका नहीं मिला तो मैं डिफ़ॉल्ट छवि कैसे दिखा सकता हूं। मेरा मतलब है कि निर्देशिका में कोई भी छवि नहीं है जब निर्देशिका में छवि नहीं है जिसे मैंने विचारों में बुलाया था।

छवि के मामले में छवि दिखाने के लिए उनका कोई भी तरीका नहीं है।

एएसपीनेट 4 एमवीसी 3 में ऐसा करने का कोई तरीका है। Web.config का उपयोग करके या कुछ और सेट करना।

Answer 1

ऐसा करने का सबसे आसान तरीका एक HTML सहायक के साथ है। छवि फ़ाइल नाम दिखाने से पहले फ़ाइल सिस्टम की जांच करने के अतिरिक्त प्रदर्शन हिट से सावधान रहें। हालांकि हिट एक छोटा सा है, इसलिए जब तक आपको बहुत अधिक ट्रैफिक नहीं मिल रहा है तब तक आपको कोई समस्या नहीं दिखाई देगी। फिर आप कुछ प्रकार के कैशिंग को कार्यान्वित कर सकते हैं ताकि ऐप "जानता है" अगर फ़ाइल मौजूद है या नहीं।

आप के लिए एक कस्टम एचटीएमएल सहायक का उपयोग कर सकते यह

public static class ImageHtmlHelpers 
{ 
    public static string ImageUrlFor(this HtmlHelper helper, string contentUrl) 
    { 
     // Put some caching logic here if you want it to perform better 
     UrlHelper urlHelper = new UrlHelper(helper.ViewContext.RequestContext); 
     if (!File.Exists(helper.ViewContext.HttpContext.Server.MapPath(contentUrl))) 
     { 
      return urlHelper.Content("~/content/images/none.png"); 
     } 
     else 
     { 
      return urlHelper.Content(contentUrl); 
     } 
    } 
} 

फिर अपने ध्यान में रखते हुए आप बस का उपयोग कर यूआरएल बना सकते हैं:

<img src="<% Html.ImageUrlFor("~/content/images/myfolder/myimage.jpg"); %>" /> 

संपादित करें: जिम के रूप में बताया, मैं हेवन वास्तव में आकार के मुद्दे को संबोधित नहीं किया। व्यक्तिगत रूप से मैं स्वचालित आकार अनुरोध प्रबंधन/आकार का उपयोग करता हूं जो एक पूरी कहानी है, लेकिन यदि आप फ़ोल्डरों/आकारों के बारे में चिंतित हैं तो बस उस जानकारी को पथ बनाने के लिए पास करें।नीचे के रूप में:

public static class ImageHtmlHelpers 
{ 
    public static string ImageUrlFor(this HtmlHelper helper, string imageFilename, ImageSizeFolderEnum imageSizeFolder) 
    { 
     UrlHelper urlHelper = new UrlHelper(helper.ViewContext.RequestContext); 
     string contentUrl = String.Format("~/content/userimages/{0}/{1}", imageSizeFolder, imageFilename); 
     if (!File.Exists(helper.ViewContext.HttpContext.Server.MapPath(contentUrl))) 
     { 
      return urlHelper.Content(String.Format("~/content/userimages/{0}/none.png", imageSizeFolder)); 
     } 
     else 
     { 
      return urlHelper.Content(contentUrl); 
     } 
    } 
} 

फिर अपने ध्यान में रखते हुए आप बस यूआरएल का उपयोग कर सकते हैं:

<img src="<% Html.ImageUrlFor("myimage.jpg", ImageSizeFolderEnum.Small); %>" /> 

बेहतर प्रोग्राम संबंधी नियंत्रण के लिए एक Enum सुझाव दिया है, तो फ़ोल्डर एक निश्चित सेट है, लेकिन एक त्वरित के लिए और बुरा दृष्टिकोण, नहीं कारण है कि आप सिर्फ एक स्ट्रिंग का उपयोग नहीं कर सकते हैं फ़ोल्डर उत्पन्न db आदि है

Answer 2

आप एक नियंत्रक कार्रवाई FileResult वापस कर सकते हैं, और string के पैरामीटर को स्वीकार कर सकते हैं जो छवि पथ का वर्णन करता है।

नियंत्रक कार्रवाई डिस्क से छवि को लोड करने की कोशिश करती है और इसे FileResult के रूप में वापस करने की कोशिश करती है, या यदि फ़ाइल डिस्क से अनुपलब्ध है, तो जगह के बजाय एक स्थान धारक 'छवि नहीं मिली' छवि लौटाएं।

फिर छवि (या इसके प्लेसहोल्डर) को प्रदर्शित करने के लिए आप srcimg तत्व की छवि सीधे छवि की बजाय नियंत्रक कार्रवाई में सेट करेंगे।

Answer 3

सब इतना MVC पता नहीं है, लेकिन यहाँ मेरा विचार फिर भी है:

एक विशिष्ट नियंत्रक जो जो भी आपके तर्क के आधार पर एक छवि को हासिल करेगा लो। माइकल की तरह कहा कि कुछ (छवि) सफल लेखा परीक्षा पर लौट आया - जिसका अर्थ है कि छवि मिलती है। यदि नहीं मिला तो स्थिति कोड 404 या ऐसा कुछ लौटाएं।

बाकी को क्लाइंट पर जावास्क्रिप्ट के माध्यम से संभाल लें। तो आईएमजी टैग में आतंकवादी घटना के लिए कुछ लिखें। आईएमजी स्रोत w/आपकी छवि को प्रतिस्थापित कर सकते हैं पोस्टर छवि फ़ाइल नहीं मिला। यहां कुछ हद तक (लेकिन बिल्कुल नहीं) jquery के माध्यम से ऐसा कैसे करें।

$(function(){ 
    $('#myimg').error(function(){ 
     $('#result').html("image not found"); 
    }); 
}); 

पुनश्च: http://jsfiddle.net/Fy9SL/2/ यदि u jQuery कोड का पूरा डेमो में रुचि रखते हैं।

Answer 4

public static MvcHtmlString Image(this HtmlHelper helper, string src, string alt) 
    { 
     var builder = new TagBuilder("img"); 

     // Put some caching logic here if you want it to perform better 
     UrlHelper urlHelper = new UrlHelper(helper.ViewContext.RequestContext); 
     if (!File.Exists(helper.ViewContext.HttpContext.Server.MapPath(src))) 
     { 
      src = urlHelper.Content("~/content/images/none.png"); 
     } 
     else 
     { 
      src = urlHelper.Content(src); 
     } 

     builder.MergeAttribute("src", src); 
     builder.MergeAttribute("alt", alt); 
     return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing)); 
    }