ASP.NET MVC - 使用 IIS 运行时无法找到图像文件

Question

我为 DatePicker 创建了一个 HTMLExtension 方法。我从视图中引用它，如下所示（有关图像位置，请参阅粗体文本）：

        <label for="Effective Start Date", class="codeValuesEditLabel"> Effective Start Date (YYYY/MM/DD): </label>
    <%= Html.DatePicker("CodeValueNewEditModel_EffectStartDate", "CodeValueNewEditModel.EffectStartDate", "../../Content/images/calendar.gif",
            Model.codeValueNewEditModel.EffectStartDate) %>

HTMLExtension 方法：

public static string DatePicker(this HtmlHelper helper, string id, string name, **string imageUrl**, object date)
    {
        StringBuilder html = new StringBuilder();

        // Build our base input element    
        html.Append("<input type=\"text\" id=\"" + id + "\" name=\"" + name + "\"");

        // Model Binding Support    
        if (date != null)
        {
            string dateValue = String.Empty;
            if (date is DateTime? && ((DateTime)date) != DateTime.MinValue)
                dateValue = ((DateTime)date).ToString("yyyy/MM/dd"); 
            else if (date is DateTime && (DateTime)date != DateTime.MinValue)
                dateValue = ((DateTime)date).ToString("yyyy/MM/dd"); 
            else if (date is string)
                dateValue = (string)date;

            html.Append(" value=\"" + dateValue + "\"");
        }

        // We're hard-coding the width here, a better option would be to pass in html attributes and reflect through them    
        // here ( default to 75px width if no style attributes )    
        html.Append(" style=\"width: 75px;\" />");

        // Now we call the datepicker function, passing in our options.  Again, a future enhancement would be to    
        // pass in date options as a list of attributes ( min dates, day/month/year formats, etc. )    

        // If there is no image given, open calendar by clicking on text box
        if (imageUrl == null)
        {
            html.Append("<script type=\"text/javascript\">$(document).ready(function() { $('#" + id + "').datepicker( { dateFormat: 'yy/mm/dd', changeMonth: 'true', changeYear: 'true', duration: 0 }); });");      
        }
        else
        {
            html.Append("<script type=\"text/javascript\">$(document).ready(function() { $('#" + id + "').datepicker( { dateFormat: 'yy/mm/dd', showOn: 'button', changeMonth: 'true', changeYear: 'true', buttonImage: '" + **imageUrl** + "', duration: 0 }); });");
        }
        html.Append("</script>");

        return html.ToString();
    }

在开发服务器上运行时一切正常，但使用 IIS 运行时，找不到图像。一般来说，我会使用“Url.Content”来解决这些问题，但我不能将其放在 Javascript 中。有人有什么建议吗？

Answer 1

您可能想将：更改

<%= Html.DatePicker("CodeValueNewEditModel_EffectStartDate", "CodeValueNewEditModel.EffectStartDate", "../../Content/images/calendar.gif",             Model.codeValueNewEditModel.EffectStartDate) %> 

为：

<%= Html.DatePicker("CodeValueNewEditModel_EffectStartDate", "CodeValueNewEditModel.EffectStartDate", Url.Content("~/Content/images/calendar.gif"),             Model.codeValueNewEditModel.EffectStartDate) %>