查看: 1073|回复: 8

如何用ajax / jquery 清除image src

43 主题	1 好友	698 积分

青铜长老

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

电梯直达

1^#

发表于 2013-1-10 03:57 PM |只看该作者 |倒序浏览

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

怎么办呢？？

收藏0

使用道具举报

leon_lcl

16 主题	0 好友	1188 积分

黄金长老

Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8 Rank: 8

发消息

2^#

发表于 2013-1-10 04:11 PM |只看该作者

设置display：none 或visibility

使用道具举报

兴杰

43 主题	1 好友	698 积分

青铜长老

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

3^#

发表于 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>

使用道具举报

兴杰

43 主题	1 好友	698 积分

青铜长老

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

4^#

发表于 2013-1-10 05:28 PM |只看该作者

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

使用道具举报

sausiang89

13 主题	1 好友	118 积分

高级会员

Rank: 3 Rank: 3 Rank: 3

发消息

5^#

发表于 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>

复制代码

使用道具举报

兴杰

43 主题	1 好友	698 积分

青铜长老

Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7 Rank: 7

发消息

6^#

发表于 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 变的小小看不见