Код Laravel в Javascript?

Question

Я использую dropzone.js в своем приложении Laravel для загрузки изображений.Код выглядит так:

<script>
Dropzone.options.myDropzone = {
    paramName: 'file',
    maxFilesize: 5, // MB
    maxFiles: 20,
    acceptedFiles: ".jpeg,.jpg,.png,.gif",
};
</script>

Я хочу сделать «maxFiles» более динамичным и загружать его данными из базы данных.У меня есть таблица "кошка", где поле "количество" заполняется числом.Я могу показать номер с помощью

$cat->count

Я пытался с

maxFiles: $cat->count - not working
maxFiles: {{ $cat->count }} - not working

Может кто-нибудь посоветовать мне, как решить эту проблему?

С уважением,

Стефан

Обновление:

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

 <form data-count= "{{ $cats->count }}" action="{{ route('upload') }}" enctype="multipart/form-data" class="dropzone" id="fileupload" method="POST">
        @csrf
        {{ Form::hidden('cat_id', $cats->id) }}
        <div class="fallback">
          <input name="file" type="files" multiple accept="image/jpeg, image/png, image/jpg" />
        </div>
      </form>

Маршрут:

 Route::post('upload' , 'ProjectController@upload')->name('upload');

Answer 1

Это работает?Должно быть ... интересно, смешивается ли это определение анонимного объекта ...

<script>
var max = {{ $cat->count }};
Dropzone.options.myDropzone = {
    paramName: 'file',
    maxFilesize: 5, // MB
    maxFiles: max,
    acceptedFiles: ".jpeg,.jpg,.png,.gif",
};
</script>