javascript - 输入后替换url的最后5个字符

Question

我正在尝试更改图像 src 中的最后几个字符。我尝试过 php 路线，但由于我的新闻提要插件的设置方式，它并没有真正起作用。

目前这是我的 Feed 模板

<div class="hungryfeed_item col-md-4 col-sm-4 content-box-col">
    <div class="content-box-sub">
        <div class="content-box-img-block">
            <a href="{{permalink}}"><img src="{{enclosure}}" alt="" class="img-responsive" /></a>
        </div>
        <label><a href="{{permalink}}">{{title}}</a></label>
        <p>{{description}}
        <p>
    </div>
</div>

当{{enclosure}}输入img url时，它会选择一个缩略图，不幸的是，该缩略图是70x50。不过，新闻源确实上传了 762x428 版本，这更能满足我的需求。

例如

thumbnail: rtx1k5pv-1-70x50.jpg

full res: rtx1k5pv-1-762x428.jpg

是否可以使用 javascript 更改最后 5 个字符 (70x50) 并将其替换为 762x428 ？

Answer 1

是的，只需使用replace():

var text = "rtx1k5pv-1-70x50.jpg";
text = text.replace("70x50","762x428");

// text changed to: "rtx1k5pv-1-762x428.jpg"