Question

我有一个文件输入控件：

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

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

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

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

1 个答案: