无法以html显示图像(404错误)

时间:2018-08-21 03:51:43

标签: html css html5 image

我只是试图在其中显示图像。但是当我运行代码时,图像损坏了。在控制台GET http://localhost:29499/Views/ImageOrgChart/Org_Chart.jpg 404 (Not Found)

我很困惑为什么这样一个简单的代码不起作用。请帮助

代码:

 <div class="row div_Align">
   <div class="col-lg-12" style="padding-left:0px;padding-right:0px;">
     <div class="panel panel-default">
       <div class="col-md-12 panel-heading">
         <div>
           <img src="~/Views/ImageOrgChart/Org_Chart.jpg" />
         </div>         
       </div>
       <!-- /.panel-body -->
     </div>
   </div>
 </div>

3 个答案:

答案 0 :(得分:0)

尝试替换以下内容:

<img src="~/Views/ImageOrgChart/Org_Chart.jpg" />

与此:

<img src="/Views/ImageOrgChart/Org_Chart.jpg" />

映像路径应相对于服务器根目录而不是系统根目录。

答案 1 :(得分:0)

代替相对路径:  <img src="~/Views/ImageOrgChart/Org_Chart.jpg" />

尝试使用文件的绝对路径,类似于此

<img src="file:///D://abc//Views//ImageOrgChart/Org_Chart.jpg" />

答案 2 :(得分:0)

问题已解决 我必须将文件扩展名更改为gif