如何在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]);
            }
        }