无法通过JQuery更改图片的src

升压

我正在开发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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改图片jQuery

来自分类Dev

jQuery-悬停时更改图片src

来自分类Dev

通过滑动更改图片

来自分类Dev

想要通过按钮通过javascript更改图片src,但是代码不起作用

来自分类Dev

动态更改图片src的javascript

来自分类Dev

使用jQuery更改图片src属性并不总是在Chrome / Opera中应用

来自分类Dev

使用jQuery更改图片src。(在Firefox上不起作用)

来自分类Dev

通过jQuery更改img src:图片不会刷新

来自分类Dev

通过遍历列表更改图像的src

来自分类Dev

枕头无法更改图片的RGB值

来自分类Dev

使用javascript根据元素值更改图片src

来自分类Dev

使用javascript根据元素值更改图片src

来自分类Dev

更改图片src会发出http请求吗?

来自分类Dev

无法使用jQuery更改图片的不透明度

来自分类Dev

使用jQuery更改图片并查看图片已加载

来自分类Dev

jQuery无法在鼠标悬停/悬停时更改图像SRC

来自分类Dev

更改图片图钉

来自分类Dev

更改图片onclick

来自分类Dev

如何通过复选框的结果更改图片的来源

来自分类Dev

pygame通过按键更改图片不起作用?

来自分类Dev

如何通过单击按钮在ImageView中更改图片?

来自分类Dev

通过jquery / javascript更改图像高度

来自分类Dev

通过制表符rel更改图像src

来自分类Dev

通过使用多次选择更改图像src

来自分类Dev

通过使用多次选择更改图像src

来自分类Dev

我无法更改图片框C#中的图像

来自分类Dev

Onmouseover使用jQuery更改图片和字体颜色

来自分类Dev

jQuery切换事件以更改图像src

来自分类Dev

jQuery切换事件以更改图像src