Asp.net mvc 4 在主视图中显示局部视图

请我需要知道如何在主视图的特定区域显示局部视图，这是我的源代码 主视图：cshtml

<table  align="left" border="5px" cellspacing="2px" style="border:2px solid black">
<tr>       
    <table>
        <tr>
            <td style="border:2px solid black">
                <div style="background-color: #fff; border: 6px solid #ccc; height: 700px; width: 500px; margin: 20px; padding: 20px;" align="center">Select Baseline Image
                    <input type="button" value="Upload" align="right">
                    <div style="background-color: #fff; border: 6px solid #ccc; height: 500px; width: 300px; margin: 20px; padding: 20px;" align="center">@Html.Partial("_DisplayImage")</div>
                    </div>
                <form method="POST">
                    <input id="leftUrlTB" name="URL" type="Text" style="background-color: #fff; border: 6px solid #ccc"/>
                    <input id="leftBrowser" name="leftBrowser" value="Firefox" type="radio" />Firefox<br>
                    <input id="leftBrowser" name="leftBrowser" value="Chrome" type="radio" />Chrome<br>
                    <input id="leftBrowser" name="leftBrowser" value="Internet Explorer" type="radio" />Internet Explorer<br>
                    <input type="submit" value="Capture" align="right">
                </form>
            </td>                

            <td style="border:2px solid black">
                <div style="background-color: #fff; border: 6px solid #ccc; height: 700px; width: 500px; margin: 20px; padding: 20px;" align="center">Select Comparison Image
                    <input type="button" value="Upload" align="right">
                    <div style="background-color: #fff; border: 6px solid #ccc; height: 500px; width: 300px; margin: 20px; padding: 20px;" align="center"></div></div>

                <form method="POST">
                    <input id="rightUrlTB" name="URL" type="Text" style="background-color: #fff; border: 6px solid #ccc"/>
                    <input id="rightBrowser" name="leftBrowser" value="Firefox" type="radio" />Firefox<br>
                    <input id="rightBrowser" name="leftBrowser" value="Chrome" type="radio" />Chrome<br>
                    <input id="rightBrowser" name="leftBrowser" value="Internet Explorer" type="radio" />Internet Explorer<br>
                    <input type="submit" value="Capture" align="right">
                </form>

            </td>
        </tr>    

    </table>

</tr>

<tr>
    <td  >
        <div style="background-color: #fff; border: 6px solid #ccc; height: 700px; width: 1100px; margin: 20px; padding: 20px;" align="center"></div>
    </td>     

我的问题是返回的图像显示在整个视图中，而不是我指定的div区域中。我需要在左div区域渲染它 谢谢

试着换衣服

  public ActionResult WebAppView()
  {
     return View();
  }

进入

---

@Html.Partial_DisplayImage应该直接调用部分视图，而不是通过控制器

---

您是否打算使用@Html.RenderAction调用操作方法？如果是这样的话，您的操作方法返回的是视图显示图像结果，而不是应该返回的部分视图显示图像。

不幸的是，这不起作用，它的结果与我之前得到的结果相同，即整个视图显示图像，而不是在表格的左侧区域显示图像，也许你的问题在于你的不满，而不是你的问题。如果仍然无法解决您的问题，我可以问一下WebAppView的post方法用于什么？将仅访问获取版本，而不访问发布版本。因此，您可能希望post方法通过希望获取文件的外观触发，但是您从Get获得了一个html视图事实上，我想做的是将屏幕截图作为给定网页的位图对象，因此Http post方法将向我返回一个文件，我将在，之后，我必须在主视图的特定区域显示此图像，尝试将其放入您的_DisplayImage@{Layout=null；}查看是否有帮助可能问题来自WebAppView视图，您可以显示该操作的视图代码吗？抱歉，这是怎么回事？@Html.Partial_DisplayImage如何直接调用部分视图而不通过控制器。？我对Asp.net mvcThats非常陌生。看看Partial的参数列表“stringPartialViewName”。RenderAction将采用控制器和操作参数

public ActionResult WebAppView()
    {
        return View();
    }

  [HttpPost]
    public ActionResult WebAppView(string url, string selectedBrowserRadio)
    {
      selectedBrowserRadio = Request.Form["leftBrowser"];
      selectedBrowserRadio = selectedBrowserRadio.Replace(" ", string.Empty);
      var selectedBrowser = (Browser)Enum.Parse(typeof(Browser), selectedBrowserRadio, true);
      var bmp= ScreenShotter.TakeScreenShot(selectedBrowser, url);
      var converter = new ImageConverter();
      var bmpArray = (byte[])converter.ConvertTo(bmp, typeof(byte[]));
      return File(bmpArray,"image/png");
    }


  public ViewResult _DisplayImage()
  {
      return View("_DisplayImage");
  }

  public ActionResult WebAppView()
  {
     return View();
  }

public ActionResult WebAppView()
    {
        return PartialView();
    }