当前位置：文江博客话题详情

在同一标签中显示图像或 swf

发布于 2024-12-27 23:00:06 字数 321 浏览 0 评论 0原文

我的网页通过 AJAX 调用从 XML 获取内容。我从该 XML 中检索 URL 并使用它在页面上创建一个元素。

但该 URL 可能类似于：

http://something/something.jpg
或 http://something/something.swf

这意味着它可以是图像文件或可以是 .swf 文件，因此我无法在同一标记（也是动态创建的）中显示该图像或 .swf 文件。

我不知道如何在同一标签中显示图像和 .swf 文件。我该如何解决这个问题？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自由范儿 2025-01-03 23:00:06

为什么不在创建标签之前检查 URL？您可以使用正则表达式，如下所示：

var url     = 'http://something/something.swf';
var matches = url.match(/(swf|jpg)$/i);

if (matches.length > 0) {
    var type = matches[0].toLowerCase();
    /* create the img or embed tag, based on `type` */
}

i 使其无论大小写都匹配（因此它也会匹配“something.SWF”），并且 toLowerCase 确保我们可以将其与小写字符串进行比较（例如 if （类型=== 'swf') { })。

现在您可以使用结果创建正确的标签，如下所示：

var url     = /* extracted from XML, e.g.: */ 'http://something/something.swf';
var matches = url.match(/(swf|jpg)$/i);

if (matches.length > 0) {
    var type = matches[0].toLowerCase();
    var tag;

    // Create the correct tag:
    if (type === 'swf') { 
        tag = $('<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
    }
    else if (type === 'jpg') {
        tag = $('<img />');
    }

    // Set the src and append to <body>:
    if (tag !== undefined) {
        tag.attr('src', url);
        tag.appendTo('body');
    }
}

请记住，此示例未经测试。例如，您可能需要设置标记上的 height 和 width 属性。

注意： match 返回一个数组其中包含整个比赛以及任何匹配的组。在这种情况下，数组将如下所示：['jpg', 'jpg']。这是因为 (jpg|swf) 组以及完整匹配项均已保存。如果您需要防止这种行为，您可以使用非捕获组，如下所示：(?:jpg|swf)，这样该组就不会被记住。

Why don't you check the URL before creating the tag? You could use a regular expression, like so:

var url     = 'http://something/something.swf';
var matches = url.match(/(swf|jpg)$/i);

if (matches.length > 0) {
    var type = matches[0].toLowerCase();
    /* create the img or embed tag, based on `type` */
}

The i in the regular expression makes it match regardless of case (so it will match "something.SWF" as well) and toLowerCase makes sure we can compare it to a lowercase string (e.g. if (type === 'swf') { }).

Now you can use the result to create the correct tag, like this:

var url     = /* extracted from XML, e.g.: */ 'http://something/something.swf';
var matches = url.match(/(swf|jpg)$/i);

if (matches.length > 0) {
    var type = matches[0].toLowerCase();
    var tag;

    // Create the correct tag:
    if (type === 'swf') { 
        tag = $('<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />');
    }
    else if (type === 'jpg') {
        tag = $('<img />');
    }

    // Set the src and append to <body>:
    if (tag !== undefined) {
        tag.attr('src', url);
        tag.appendTo('body');
    }
}

Please keep in mind that this example is untested. For example, you probably need to set the height and width attributed on the <embed> tag.

NB: match returns an array which contains the entire match, plus any matched groups. In this case, the array will look like this: ['jpg', 'jpg']. That's because the group, (jpg|swf), which is saved as well as the complete match. If you need to prevent this behaviour, you can use a non-capturing group, like this: (?:jpg|swf), so the group won't be remembered.

回复收藏 0 原文

~没有更多了~