javascript - 如何在 jQuery 或 JS 中使用 Laravel URL::asset

Question

我想使用 URL::asset 将 url 传递给 javascript而不是直接网址

$("select#lang").css("background-image", 'url(http://pascha.org/img/' + $("select#lang").val() + '.png)');

我想做这样的事情:

$("select#lang").css("background-image", '{{ URL::asset('/images/flags/') }}' + $("select#lang").val() + '.png)');

但这当然行不通，问题是如果可能的话它应该是什么样子。

Answer 1

为什么这行不通？

$("select#lang").css("background-image",
  '{{ URL::asset('/images/flags/') }}' + $("select#lang").val() + '.png)');

它不起作用的唯一原因是如果您在 Blade 文件之外和单独的 JS 文件中执行此操作。除非我错过了什么？

如果你有一个单独的 JS 文件，你可以在你的 JS 文件在你的标记中声明之前在 Blade 文件中分配一些“全局”变量。

例如:

<script>
    // "global" vars, built using blade
    var flagsUrl = '{{ URL::asset('/images/flags/') }}';
</script>
<script src="your-js-file.js"></script>

然后在 your-js-file.js 中，您可以这样做:

$("select#lang").css("background-image",
  flagsUrl + $("select#lang").val() + '.png)');