php - 如何使用 jQuery 检查用户输入中所有图像标签的来源

Question

我有一个用于用户输入的表单，用户可以在其中使用表单添加托管在其他地方的图像。图像显示为一个小图标，它既是一个链接，又会在悬停时将图像加载到 div 中，堆叠顺序 +1。图片源地址仅存储在link标签中。

我正在使用<div />与 contenteditable=true用于用户输入。使用表单时会附加该图标。这部分的代码运行良好。我想做的是检查所有图像标签的来源，以确保用户没有添加自己的 html 来在帖子中显示全尺寸图像。

我在后端使用 php 删除除链接和图像之外的所有标签，但想在发布之前使用 jQuery 检查图像标签的 src。

<a href="image_source.jpg"><img src="my_icon" /></a> //this is what my form will input

<img src="anything_else"> //this is what I want to prevent 

更新:如果不清楚，我深表歉意。本质上，我不希望用户能够输入自己的任何 html。如果他们想添加图像，他们必须使用我的内置表单来插入类似上面的内容。

Answer 1

您可以循环遍历图像，然后检查 src 属性。

$("img").each(function(index) {
    if ($(this).attr("src") == ...) {
        // do something
    }
}

参见http://api.jquery.com/each/和 http://api.jquery.com/attr/了解更多信息。