PHP 搜索并替换 img src

Question

好吧，情况很简单(我希望如此!)

我在本地工作(xampp)，在我的 .php 文件中我有以下 img 元素:

<img src="http://example.com/images/project-1/image1.jpg"/>
<img src="http://example.com/images/project-1/image2.jpg" />
<img src="http://example.com/images/project-1/image3.jpg" />

如何让它运行搜索和替换功能(如果可能的话使用 php)来满足以下条件:

1) 在页面加载时扫描整个文档并找到上述所有未出现的图像(损坏的链接)

2) 如果从上面我们发现损坏的图像，然后仅将“http://example.com”部分替换为“http://127.0.0.1/projectfile”。 p>

所以我想要的是扫描整个文档中是否有损坏的图像，如果我找到其中的 x 个，则将其替换为 src:

src="http://www.example.com/images/project-1/image1.jpg"

这样:

src="http://127.0.0.1/project/images/project-1/image1.jpg"

我想自动对所有图像执行此操作，而不是手动。

目前我正在努力使用 jQuery 来做到这一点，但我可能需要 PHP，因为我需要导航到以前的文件夹、扫描目录等

感谢您的支持!有什么想法或建议吗？

到目前为止，我尝试并部分成功的方法是使用 jQuery 进行搜索/替换:

$('img').attr('src',function(i,e){
    return e.replace("http://example.com","http://127.0.0.1");
})

，它忽略实时网站 src 文件夹并直接粘贴到本地文件夹，但我需要让它更聪明:)

Answer 1

使用jquery错误事件来检测丢失的图像并替换它们。下面的代码应该可以解决问题

$(document).ready(function(){
  $('img').on('error',function(){
    // Avoid endless loop for noexistant images
    if($(this).data('alreadyChecked')) return; 
    $(this).data('alreadyChecked',true);
    
    //Replace src
    $(this).attr('src', $(this).attr('src').replace("http://example.com","http://127.0.0.1"));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="http://example.com/images/project-1/image1.jpg"/>
<img src="http://example.com/images/project-1/image2.jpg" />
<img src="http://example.com/images/project-1/image3.jpg" />