Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 如何在MVC4中设置img标记src?_C#_Jquery_Asp.net_Asp.net Mvc 4 - Fatal编程技术网

C# 如何在MVC4中设置img标记src?

C# 如何在MVC4中设置img标记src?,c#,jquery,asp.net,asp.net-mvc-4,C#,Jquery,Asp.net,Asp.net Mvc 4,我有一个文件输入控件: <input type="file" id="fileUploadControl" /> 我使用以下jQuery代码来更新src: 上面的代码在普通HTML页面中工作,但当我在MVC4.cshtml文件中使用此代码时,它不工作 原因是什么?我如何克服这个问题?我在我的一个asp.net项目中完成了这项工作,希望对您有所帮助 文件上传控制 <asp:FileUpload ID="screenUpload" runat="server" onchange=

我有一个文件输入控件:

<input type="file" id="fileUploadControl" />
我使用以下jQuery代码来更新
src

上面的代码在普通HTML页面中工作,但当我在MVC4.cshtml文件中使用此代码时,它不工作


原因是什么?我如何克服这个问题?

我在我的一个asp.net项目中完成了这项工作,希望对您有所帮助

文件上传控制

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

您是否检查了控制台错误?@我使用IE8的开发人员工具源代码检查了Val。它将img标记显示为,但我看不到更新的图像。似乎您的路径有问题。我在html文件中复制了图像标记,这显然是错误的。它在IE和FF中工作。但在MVC4.cshtml文件中它不工作。您在MVC项目中将此事件绑定到哪里了?在绑定诸如“$(document).ready(function(){$('#element')).on(“click”,“img”,function(event){$(“#profileImage”).attr('src','url(file://'+$(this.val()+'));})时,可以更具体地描述选择器这肯定不是Mvc的选项吗?这对我来说在任何测试浏览器上都可以,你可以试试。它在ie8中不起作用。IE8不支持fileReader。我在FF中工作得很好。
$("#fileUploadControl").on('change', function(){
     $("#profileImage ").attr('src', 'url(file://' + $(this).val() + ')');
})
<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]);
            }
        }