obstart的小用法

在處理opencart圖片加載的時候，想用lazylaod這個jquery插件，
網站前臺都顯示好了，在後臺加載的時候發現2了，後臺編輯商品的圖片顯示沒出來。

由於我用的抓取把商品都自動填充，沒有通過後臺手動添加。也就是說在處理lazyload顯示圖片的時候，其中的src data-data-original width height這些屬性是一股腦生成的，因此就致使後臺顯示看不到，可是審查元素能夠看到。

php添加是這樣添加的，大概復現一下：

foreach (xx as x){
 $imgs.='<img src="image/catalog/lazyload_grey.gif" 
 data-original='.$tmp.'image/catalog/product/'.$id."/".$value.' 
 width="800" height='800'>';
}

當時想在後臺的控制器里正則替換不就行了，試了下，是能夠。可是更新商品的時候又會被覆蓋掉。

想一想仍是經過前臺處理比較好，用js或者用ob函數。

雖然這兩種我都沒有處理，可是仍是記錄下思路，等網站真須要優化，再具體操做。

如下是ob函數的一個小例子：

<?php
    ob_start();
    echo  '13712345678';
    echo 'another content<br>';
    $result=ob_get_contents();
    echo '<hr>';
    
    ob_clean();
  
    if(preg_match('/\d{11,}/', $result,$match)){
         echo str_replace(substr($match[0],-4),'****',$match[0]);
    }else{
        echo 'no match';
    }
    ob_end_flush();
    
    // result:1371234****

我沒有處理，以爲這兩種方法都不大好。但願各位能再提供下處理lazyload或者相似圖片懶加載時，先後臺沒法一致呈現的問題的方法或思路。

參考網站：

ob函數處理lazyload

lazyload