急：关于替换图片真实路径的正则表达式写法？

<img src="" id=img1 border=1>
<img src="" id=img2 border=1>
<button onclick=fChange()>change</button>
<button onclick=fDelete()>delete</button>
<script>
var src1="file:///D:/test/Web/附件.files/xmlRSS2.gif";
var src2="file:///g:/why/aaa/dir.jpg";
//initialize img src
img1.src=img1.alt=src1;
img2.src=img2.alt=src2;
//replace img src
function fChange()
{
img1.src=img1.alt=src1;
img2.src=img2.alt=src1;
}
function fDelete()
{
img1.parentNode.removeChild(img1);
}
</script>

解决方案 »

  1.   

    感谢上边老兄回答，我的str字符串是从HTML编辑器中生成的，所以不固定的。
      

  2.   

    http://community.csdn.net/Expert/topic/4672/4672080.xml?temp=.362652<script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/网页测试.files/xmlRSS2.gif" border=0> 哈哈，这儿有一些另外一些无关的文字，<IMG src="file:///F:/admin/a.gif" border=0>，后还有N些无用文字 <IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    reg = /src=(\"|\')?(http:\/\/[^\1 ]+)\1 /ig;
    arr = str.match(reg);
    for(i=0;i<arr.length;i++)
    {
       arr[i] = arr[i].replace(/src=(\"|\')?(http:\/\/[^\1 ]+)\1 /i,"$2");
    }
    alert(arr);
    //-->
    </script>
      

  3.   

    我其实看了http://community.csdn.net/Expert/topic/4672/4672080.xml?temp=.362652的例子，现在需要结合我的需求，具体给出指点。谢谢大侠们。
      

  4.   

    <script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 >测试<IMG  src="file:///F:/admin/a.gif" border=0 id="sinapic2">你好<IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    //清空
    alert(str.replace(str.match(/<img.+id=(\"|\')?sinapic1(\"|\')?( [^>]*)?>/ig)[0],""));
    //-->
    </script>
      

  5.   

    感谢老大的回答，第一问题基本解决。请说第二个问题。
    另外在您的回答中，如果我把“sinapic1”改为“sinapic2”，那么“sinapic1”的<IMG>也被清空了。（我对正则实在不熟，摆脱给详细点，马上结贴。急）
      

  6.   

    不一定要用正则的，变通一点也可以的；
    看代码：<body>
    <script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 >测试<IMG  src="file:///F:/admin/a.gif" border=0 id="sinapic2">你好<IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    //替换
    var div=document.createElement("DIV");
    document.body.appendChild(div)
    div.style.display="none";
    div.innerHTML=str;
    document.getElementById("sinapic1").src="http://blog.csdn.net/blueDestiny";
    alert(div.innerHTML)
    //-->
    </script>
    </body>
      

  7.   

    呵呵，如果我的HTML里有两个“sinapic1”，该怎么办呢？
      

  8.   

    <body>
    <script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" name="sinapic1" border=0 ><IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" name="sinapic1" border=0 >测试<IMG  src="file:///F:/admin/a.gif" border=0 id="sinapic2">你好<IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    //替换
    var div=document.createElement("DIV");
    document.body.appendChild(div)
    div.style.display="none";
    div.innerHTML=str;
    var aI=document.getElementsByName("sinapic1");
    for(var i=0;i<aI.length;i++)
    aI[i].src="http://blog.csdn.net/blueDestiny";
    alert(div.innerHTML)
    //-->
    </script>
    </body>
      

  9.   

    感动的真不知道怎么说了，还有就是如果我要清空其中id为sinapic1的<img>元素呢。（也可能是多个），完了，老大分只给你。摆脱
      

  10.   

    上面已经说给出了呀，你忘记了吗？<script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 ><IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 >测试<IMG  src="file:///F:/admin/a.gif" border=0 id="sinapic2">你好<IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    //清空
    alert(str.replace(str.match(/<img.+id=(\"|\')?sinapic1(\"|\')?( [^>]*)?>/ig)[0],""));
    //-->
    </script>
      

  11.   

    把上述的“sinapic1”改为“sinapic2”，看看吧，“sinapic1”也没有了。
      

  12.   

    <script language="javascript">
    <!--
    var str = 'adsdads <IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 ><IMG src="file:///D:/test/Web/附件.files/xmlRSS2.gif" id="sinapic1" border=0 >测试<IMG  src="file:///F:/admin/a.gif" border=0 id="sinapic2">你好<IMG src="file:///g:/why/aaa/dir.jpg" border=0> adsfasdfasdf <IMG src=\'http://www.sina.com.cn/xxx.gif\' border=0> ddd';
    //清空
    alert(str.replace(/<img[^>]* id=\"?sinapic2\"[^>]*>/ig,"sinapic2"))
    //-->
    </script>