jQuery字符串连接不适用于Laravel

Question

在我的代码中，我试图像这样连接我的 jQuery 变量

 user_username = $(this).parent().parent().children('td:nth-child(15)').text(); //value is m

但是这行得通

 $('#photo').attr('src', "{{ route('account.image', ['filename' => 'm.jpg']) }}"); // the image is showing

虽然没有

 $('#photo').attr('src', "{{ route('account.image', ['filename' => '"+user_username+".jpg']) }}"); // the image is not showing

注意：我正在使用 laravel 显示图像

问题是当我提醒我的字符串时，它返回 %22+user_username+%22.jpg 而不是 m.jpg

Answer 1

你可以这样吗..

只需用这个替换你的 src 所在的行。

var path = "{{ route('account.image',['filename' => 'example']) }}";

$('#photo').attr('src', path.raplace('example', user_username+'.jpg'));

Answer 2

我对laravel不太了解，但是这一行是laravel特定的php模板标签：

{{ route('account.image', ['filename' => '"+user_username+".jpg']) }}

所以你的 javascript var 不是路由的一部分，因为它是由 PHP 在运行时生成的。

我可能是错的，但没有其他可能是原因。所以你必须通过 laravel 设置文件名或者在路由标签之外设置文件名。

编辑：尝试使用空文件名获取路由并将文件名连接到 laravel 标记后：

$('#photo').attr('src', "{{ route('account.image', ['filename' => '']) }}"+user_username+".jpg");

另一种解决方案（通过jQuery更改文件名）：

$('#photo').attr('src', "{{ route('account.image', ['filename' => '"+user_username+".jpg']) }}");

var src = $('#photo').attr('src'); 
var path = src.substring(0,src.lastIndexOf('/'));

$('#photo').attr('src', path + '/' + user_username + '.jpg');