如何在ASP.NET mvc5中上传图像时显示图像

问题描述：

上传时我不会显示或预览图片

我尝试过的事情：

I wont to display or preview image when its uploaded

What I have tried:

@Html.Label("Browse File", htmlAttributes: new { @class = "control-label col-md-2" })
                  <div class="col-sm-4">
                      <input type="file" id="FileUpload1" class="form-control" />

                  </div>
                <div class="col-sm-4">
                    @Html.Label("Logo", htmlAttributes: new { @class = "control-label col-md-2" })
                    <img src="@Url.Content("FileUpload1")" alt="Image" />
                </div>

答

我的问题解决了Thant's

这里我的代码

my problem is solved Thant's
here my code

@Html.Label("Browse File", htmlAttributes: new { @class = "control-label col-md-2" })
                  <div class="col-sm-4">
                      <input type="file" id="FileUpload1" class="form-control"  onchange="document.getElementById('logoImage').src = window.URL.createObjectURL(this.files[0])">

                  </div>
                   <div class="col-sm-4">
                       @Html.Label("Logo Image", htmlAttributes: new { @class = "control-label col-md-2"})
                       <img id="logoImage" src="FileUpload1" alt="Logo Image" width="100" height="100" style="border:1px ;margin-top:20px; margin-left:120px;" />
                       </div>

如何在ASP.NET mvc5中上传图像时显示图像

相关推荐