i18next 本地化和 javascript

Question

我正在使用i18next javascript 本地化。由于我正在结合 PHP 和 javascript，并且我需要对 3 种语言（en、de、fr）进行本地化，所以我面临一个小问题。今天我开始第一次使用 i18next 库，在翻译 div、ul 等普通标签时一切正常……我面临的问题是图片。由于我需要为每种语言提供不同的图片，我不确定 i18next 库是否可以在标签参数中设置一个值。例如：

document.write('<form action="dropzone.php" enctype="multipart/form-data" class="dropzone" style="background-image: url(languages/fr/design.png);" method="post"><div class="fallback" data-i18n="design"><input name="file" type="file" multiple /></div></form>');    

而我这里需要改变的是样式，这部分：

style="background-image: url(languages/fr/design.png);"

这并不总是相同的，design.png 图像会根据 url 中的语言设置而有所不同，例如：

localhost/designer/box/test.php?lang=fr

有没有办法用 i18next 库来改变它，为每个 lang 不同的图像路径，像这样：

url(languages/en/design.png)
url(languages/de/design.png)
url(languages/fr/design.png)

在document.write里面？或者有没有办法从javascript中的url中的lang参数获取值（没有RegEx，这就像我最后一个使用RegEx的解决方案）？

Answer 1

根据i18next doc，可以使用i18next.language获取i18next当前使用的语言。

var lang = i18next.language
var style="background-image: url(languages/"+ lang +"/design.png);"
console.log(style);    

jsfiddle 上的示例