JBTALKS.CC

标题: 如何用ajax / jquery 清除image src [打印本页]

作者: 兴杰 时间: 2013-1-10 03:57 PM
标题: 如何用ajax / jquery 清除image src

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
感谢！
好久的问题了

欢迎光临 JBTALKS.CC (https://www.jbtalks.cc/)