Question

我需要这方面的帮助。我目前从JSON导入数据，对于照片字段，我得到的只是链接到该图像。

是否有任何模块/其他方法可以更改此

http://example.com/images/abc-123.jpg

到

<img src="http://example.com/images/abc-123.jpg" />

或让他们直接阅读链接并更改为图像显示？

其他信息：

这是字段显示的结构。

<div class="field">
    <div class="field-items">
        <div class="field-item even">
            <p>
                <a href="http://example.com/images/abc-123.jpg">http://example.com/images/abc-123.jpg
                </a>
            </p>
        </div>
        <div class="field-item odd">
            <p>
                <a href="http://example.com/images/efg-123.jpg">http://example.com/images/efg-123.jpg
                </a>
            </p>
        </div>
        ........... for multiple link
    </div>
</div>

Answer 1

试试这个，不需要方法

示例

链接在变量

中

$link = http://example.com/images/abc-123.jpg

echo "<img src=" . $link . " />";

Answer 2

如果您正在使用Javascript处理JSON数据，那么..

var image_url = data.image_url; // assuming data.image_url gives us the url to the image
var html_for_image = "<img src='" + image_url + "' />";
// if you are using jQuery
$('#image_element_placeholder').html(html_for_image);
// else if you are using plain JS
var placeholder = document.getElementById('image_element_placeholder');
placeholder.innerHTML = html_for_image;

希望这有帮助。

更改图像链接

2 个答案: