How to display image when it is uploaded in ASP.NET mvc5

Question

I wont to display or preview image when its uploaded

my code is here :

Html.Label("Browse File", htmlAttributes: new { @class = "control-label col-md-2" })

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

Alnebras Murtada · Accepted Answer · 2018-09-15 14:37:58Z

0

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])">

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


      &lt;/div

>

answered Sep 15, 2018 at 14:37

Alnebras Murtada

1352 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display image when it is uploaded in ASP.NET mvc5

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related