Путь Ларавела в JavaScript

Question

у меня в JS:

$('.' + buttonMulti.data('name')).append('<img src="/uploads/gallery/' 
          + response.file + '" style="max-height: 150px;">');

Мне нужно что-то подобное, используя {{asset('')}}:

$('.' + buttonMulti.data('name')).append('<img src="{{asset('/uploads/gallery/' 
          + response.file + '')}}" style="max-height: 150px;">');

Но я понятия не имею, как это сделать. У меня всегда есть проблемы с путем. И после загрузки img его ничего не показывай. Потому что этот путь

{{asset('/uploads/gallery/'+ response.file + '')}}"

Не удается правильно конкатировать в JS.

Answer 1

Вы смешиваете JS и PHP.

asset('path')

Является функцией Blade / PHP, и вы пытаетесь объединить параметр, используя код Javascript. Это не может работать.

Вы должны использовать:

$('.' + buttonMulti.data('name'))
      .append('<img src="{{ asset('/uploads/gallery/') }}'+ response.file +'" 
                 style="max-height: 150px;" />');

Я не уверен, что asset() обрезает /, посмотрите ваш исходный код и посмотрите путь. Может быть, вам нужно будет добавить / в ваш код Javascript.

Answer 2

Сначала используйте CLI karabe и выполните следующую команду, чтобы создать ярлык хранилища.

php artisan storage:link

Затем перейдите по следующей ссылке, чтобы узнать метод загрузки файлов по умолчанию в laravel.

https://laravel.com/docs/5.8/requests#storing-uploaded-files

https://laravel.com/docs/5.8/filesystem И, наконец, проверьте следующий документ, чтобы узнать, как получить ссылку на изображение-

Answer 3

$('.' + buttonMulti.data('name')).append("<img src=\"{{asset('/uploads/gallery/' + response.file + '')}}\" style='max-height: 150px;'>");

Проблема, которую я мог видеть, была в ваших двойных и одинарных кавычках, которые были немного запутаны.Попробуйте выше подход.

Если вы хотите использовать двойные и одинарные кавычки как часть вашей строки, убедитесь, что вы избегаете их, или ваши одинарные кавычки вложены в ваши двойные кавычки.

Если вы хотите использовать двойные кавычки внутри двойных кавычек, обязательно избегайте их.