我正在开发ASP.NET MVC 4应用程序。我试图在控制器将数据发送到视图后更改src属性,但是我的所有尝试都没有结果。视图中的脚本:
<script type="text/javascript">
$(document).ready(function () {
$('#fileupload').fileupload({
dataType: 'json',
url: '/Home/UploadFiles',
autoUpload: true,
done: function (e, data) {
$('.file_name').html(data.result.name);
$('.file_type').html(data.result.type);
$('.file_size').html(data.result.size);
$('.file_source').attr('src', 'D:/somePhoto.jpg'); //this row does not set 'src' of <img/>
}
}).on('fileuploadprogressall', function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('.progress .progress-bar').css('width', progress + '%');
});
});
</script>
<img class="file_source" src="" /> <!--src attribute is just empty--->
您能告诉我我哪里出错了吗?该行不起作用:
$('.file_source').attr('src', 'D:/somePhoto.jpg'); //this row does not set 'src' of <img/>
标签的属性“ src”不会更改为src =“ D:/somePhoto.jpg”。任何帮助将不胜感激。
您是否尝试过通过网络在图像源内部分配有效的图像位置?我很确定,这D:\somePhoto.jpg
是服务器端的位置。如果javscript
真是这样,那么它不知道如何获取它,因为js
它在客户端运行,并且在您已经从控制器发送数据之后,它什么也做不了。
首次测试使用网络上可以测试的图像,例如-http://sci8.com/wp-content/uploads/2014/10/test-all-the-things.jpg
因此,将您的代码更改为-
$('.file_source').attr('src', 'http://sci8.com/wp-content/uploads/2014/10/test-all-the-things.jpg');
如果这行得通(我很确定,那会行),那么您知道原因。只需将其保留在项目文件夹中的somePhoto.jpg
某个位置Content
,然后使用该URL即可。
例如
$('.file_source').attr('src', 'http://<hostaddress>/content/image/somePhoto.jpg');
如果您仍然遇到问题,请告诉我。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句