Как определить путь к файлу в строке HTML-кодов

Мне нужно прочитать в строке HTML-кодов, используя ajax и рефакторинг каждого пути к файлу, найденного в строке.

Например:

Мне нужно обнаружить "../../images/home.jpg" и изменить его на "http://www.mywebsite.com/report/images/home.jpg".

Я на самом деле делаю панель инструментов. Использование iframe для отображения контента на панели мониторинга стоило мне производительности. Чтобы не использовать iframe, я намерен прочитать в строке html коды целевого URL. Но единственным фактором здесь является то, что если путь к файлу любых изображений, javascript или css не является абсолютным путем, моя панель не сможет отображаться.

Пожалуйста, поделитесь своими мыслями о том, как определить путь к файлу в строке HTML-кодов или существует какая-либо существующая библиотека, о которой вы знаете.

Вот один из простых HTML-кодов, с которых я читаю.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>
    Web Report: Customer Complains
</title><link rel="stylesheet" type="text/css" href="../../../css/Concept1.css" /></head>
<style type="text/css">

</style>
<body>
        <div class="SectionTitleContainer1">
            <div style="text-align: left;" class="SectionTitle">
                Customer Complaints
            </div>
        </div>
    <table cellspacing="0" cellpadding="5" style="width: 100%;" border="0">

        <tr>
            <td width="1%" align="left">
                <a>
                Refund 

                    </a>
            </td>
            <td width="1%" style="text-align: right">139</td>
            <td align="left" style="">
                <img src="../../../images/tile-horiz-bar.png" style="height: 10px; width: 100px" />
            </td>
        </tr>

        <tr>
            <td width="1%" align="left">
                <a>
                Appointment Rescheduled/Delayed 

                    </a>
            </td>
            <td width="1%" style="text-align: right">96</td>
            <td align="left" style="">
                <img src="../../../images/tile-horiz-bar.png" style="height: 10px; width: 69px" />
            </td>
        </tr>                
    </table>
    </body>
</html>
Источник

1 ответ

Решение

После долгого периода обнаружения я узнал, что если необходимо, чтобы две разные системы отображали идентичный пользовательский интерфейс, мы должны поместить файлы изображений (или любые другие файлы сценариев) в общий каталог на сервере. Веб-приложение должно иметь соответствующие разрешения для доступа к файлам в локальном каталоге сервера. Каталог, содержащий файлы изображений, не должен быть защищен и не доступен для общественности (при необходимости).

Источник
Другие вопросы по тегам