查看: 1188|回复: 8

如何用ajax / jquery 清除image src

[复制链接]

兴杰

2013-1-10 03:57 PM

image src default 是 ="abc.jpg"
我用 $("#image").attr("src", "xperia-s.jpg"); 可以改image src
但是如果设置成 $("#image").attr("src", ""); 原图依据存在！

怎么办呢？？

leon_lcl

2013-1-10 04:11 PM

设置display：none 或visibility

兴杰

2013-1-10 05:10 PM

不行，照片依旧在

这是我的代码，你看看有没有错

<head runat="server">

<script src="js/jquery.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
      $(document).ready(function() {
         $("#Text1").keyup(function() {
            var txtvalue = document.getElementById('Text1').value;
            if (txtvalue != "") {
                  document.getElementById('image').src = "xperia-s.jpg";
            }
            else {
                  var img = document.getElementById('image');
                  img.style.display = "block";
            }
         });
      });
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
      <img id="image" alt="" src="hebe.jpg" />
      <input id="Text1" type="text" />
</div>
</form>
</body>

兴杰

2013-1-10 05:28 PM

用 .hide() 就可以，奇怪 ...

sausiang89

2013-1-26 08:31 PM

本帖最后由 sausiang89 于 2013-1-26 08:39 PM 编辑

请问你的目的是什么呢？这里给你参考一下，当你在格子输入 hebe.jpg ，你的图片又回来了，帮你简化了很多

<head runat="server">
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<img id="image" alt="" src="hebe.jpg" />
<input id="Text1" type="text" onkeyup="change()"/>
</div>
</form>
<script>
function change(){
var temp = $("#Text1").val();
$('#image').attr('src',temp);
}
</script>
</body>

复制代码

兴杰

2013-1-26 09:20 PM

sausiang89 发表于 2013-1-26 08:31 PM
请问你的目的是什么呢？这里给你参考一下，当你在格子输入 hebe.jpg ，你的图片又回来了，帮你简化了很多

感谢！感谢！
你太热心了　！　还提我优化了代码　！
不过这不是我想要的效果，虽然 img src 被改掉了但是还是会留下一个小图 (显示路径出错的图)
我想要的是像 . hide () 那样把整个img 完全消失掉
最后是用了这行代码实现 ^^
document.getElementById('image').src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";

原理是把 image 变的小小看不见

sausiang89

2013-1-26 10:13 PM

本帖最后由 sausiang89 于 2013-1-26 10:15 PM 编辑

兴杰发表于 2013-1-26 09:20 PM
感谢！感谢！
你太热心了　！　还提我优化了代码　！
不过这不是我想要的效果，虽然 img src 被改掉 ...

你把src="" 里面的照片放空，在HTML里就会认为你给的地址错误，所以会显示图片缺失是正常的，请问你不要使用.hide() 的目的是什么？

如果你坚持不用.hide()的话，你可以放一张 1x1 的图片，判断如果keyup 就改成 xxx.jpg 那样...不知道是不是你要的答案

badzeugene

2014-4-8 04:34 PM

你可以用 removeAttr('img')

兴杰

2014-4-15 10:24 AM

感谢！
好久的问题了

返回列表