图片地址跳转问题

Question

图片地址如下：<img src="/img/201404/jofjowjo8.jpg"/>，如果在wap站域名m.xxx.com下访问这个图片地址肯定是404不存在的。如果能跳转到www.xxx.com下去访问这个图片地址就OK了。解决方式是有的。可以通过修改源码在图片头部增加域名信息，如下：<img src="http://www.xxx.com/img/201404/jofjowjo8.jpg"/>。但是这样做很麻烦，不知道有没有关于.htaccess的跳转设置或者httpd.conf配置一下，这样就可以省工作量。谢谢！

Answer 1

可以这样试试，在.htaccess里加入如下规则。RewriteRule  ^/(.+*).(jpg|png|gif)$  http://m.xxx.com/$1以上只是想法，并没有真正测试过。

Answer 2

js动态设置img的src，增加域名从主域名下载图片即可

Answer 3

新建个公共静态文件项目。static.xxxx.com 。放图片，js等等。。
其他项目都从这里读取。。一劳永逸

Answer 4

谢谢提供这个建议，这个我一开始想到过，用js正则匹配图片地址。然后追加上域名，但是这个方法必须等HTML元素都加载完毕才执行匹配和替换，在商业化应用的用户体验和效率是个问题，技术即使能解决，具体代码处理也不是那么简单啊，有没有相对具体些的代码呢？JS正则匹配图片的SRC看似简单， 操作起来要考虑的还是很多啊！感觉这个方案不比修改源码简单啊！

Answer 5

谢谢提供建议啊。但是你这个说法太笼统啦。这个不就是建立一个二级域名放图片和公共文件吗！@建立二级域名放独立文件，前提是你必须在所有引用图片文件的地址修改URL的域名信息！这可不是随便搞搞就可以完成的。

Answer 6

在主服务器上弄个nfs呢？然后把二级域名m.xxx.com的图片目录挂到那个nfs上

Answer 7

谢谢回复，建立二级域名要做的事情就够多了，如果再弄个NFS，就更是，发帖就是为了节约空间，看看能否以简单的步骤完成更多的任务，多网站都在同一个服务器，整NFS只是方便其他服务器共享，太没必要了。有点舍近求远了。 

Answer 8

谢谢提供建议啊。但是你这个说法太笼统啦。这个不就是建立一个二级域名放图片和公共文件吗！@建立二级域名放独立文件，前提是你必须在所有引用图片文件的地址修改URL的域名信息！这可不是随便搞搞就可以完成的。
二级域名的方法虽然是很好，但是修改工作量还是比较大的，针对不同系统耗时也不一样，不是短时间就能随意切换。后台所有的相关上传文件部分都要跟着改路径，而且一不小心就容易出现错误。

Answer 9

谢谢提供这个建议，这个我一开始想到过，用js正则匹配图片地址。然后追加上域名，但是这个方法必须等HTML元素都加载完毕才执行匹配和替换，在商业化应用的用户体验和效率是个问题，技术即使能解决，具体代码处理也不是那么简单啊，有没有相对具体些的代码呢？JS正则匹配图片的SRC看似简单， 操作起来要考虑的还是很多啊！感觉这个方案不比修改源码简单啊！不需要用js正则和等待html元素加载完毕，将js代码放到你的内容容器下面直接执行，不需要放到window.onload中，获取所有img对象，判断下src是否本域名下的，是就替换域名，这个js脚本执行的速度基本不会让你感觉到图片地址被修改过<div id="dvContent">
你的文章内容放到这个容器里面来
</div>
<script type="text/javascript">
    var imgs = document.getElementById('dvContent').getElementsByTagName('img'),src;
    for (var i = 0; i < imgs.length; i++) {
        src = imgs[i].src.replace('http://' + location.hostname);//会自动加上当前的域名和协议，要替换掉
        if (imgs[i].src.indexOf('http://') == -1) {//非外网图片
            imgs[i].src = 'http://xxxxxxxxx' + src;
        }
    }
</script>当然你要考虑seo什么的，最好是在服务器端用正则执行替换。。要不搜索引擎是不会执行你的js代码去另外一个域名下载图片的，除非将图片全部重写到另外一个服务器地址去，如#2的