如何在MVC 4中设置img标签src？

Question

我有一个文件输入控件：

<input type="file" id="fileUploadControl" />

使用此文件控件选择图像文件后，必须在img标签中更新所选图像src ：

<img id="profileImage" width="80%" height="80%" />

我使用下面的jQuery代码更新src ：

$("#fileUploadControl").on('change', function(){
     $("#profileImage ").attr('src', 'url(file://' + $(this).val() + ')');
})

上面的代码在普通的HTML页面中有效，但是当我在MVC 4 .cshtml文件中使用此代码时，它不起作用。

原因是什么，如何克服这个问题？

Answer 1

我已经在我的asp.net项目之一中做到了这一点，可能对您有帮助

FileUpload控件

<asp:FileUpload ID="screenUpload" runat="server" onchange="readURL(this);"/>

影像控制

<img width="100" id="imgProjImage" runat="server" src=""/>

功能

function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function(e) {
                    $('#imgProjImage').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }