@{ ViewBag.Title = "Picture"; } <!DOCTYPE html> <html> <head> <script src='@Url.Content("~/assets/plugins/jquery-1.10.2.min.js")' type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#fileInput").on("change", function () { var file = this.files[0]; if (this.files && file) { var reader = new FileReader(); reader.onload = function (e) { $("#img").attr('src', e.target.result); $("#fn").text(file.name); $("#fs").text(file.size); } reader.readAsDataURL(file); } }); }); </script> </head> <body> <h2>Picture</h2> <div> <input id="fileInput" type="file" /> <br /> <img id="img" src="" alt="" /> <br /> <span id="fn"></span> <span id="fs"></span> </div> </body> </html>