Laravel dropzone.js не определен с шаблоном - PullRequest
Новая
       7

Laravel dropzone.js не определен с шаблоном

0 голосов
/ 15 мая 2018

У меня есть проект Laravel, и я использую этот шаблон:

https://wrappixel.com/demos/admin-templates/monster-admin/main/form-dropzone.html

В моем проекте я поместил форму dropzone, и она работает так, как я хочу, но я хочу добавить событие успеха при загрузке файла. Так в моем custom.js я делаю: 

require('./bootstrap');
require('../vendor/monster_admin/assets/plugins/dropzone-master/dist/dropzone.js');

$( document ).ready(function() {
  //dropzone.js file upload success
  Dropzone.options.dropzone = {
    init: function() {
      console.log('1');
    }
  };
});

Но я получаю ошибку: Dropzone не определен.

Если я попробую на странице шаблона открыть консоль и получить доступ к объекту Dropzone, это будет работать, но не на моей странице.

Кто-нибудь знает, как получить доступ к объекту dropzone?

При необходимости моя HTML-форма: 

{!! Form::open(['route' => ['admin.upload', class_basename($model), $model->id], 'method' => 'POST', 'class' => 'form-horizontal dropzone dz-clickable', 'id' => 'dropzone', 'files' => TRUE]) !!}

    <div class="dz-default dz-message"><span>Drop files here to upload</span></div></form>

{!! Form::close() !!}

РЕДАКТИРОВАТЬ:

Я нашел это: 

 if (typeof module !== "undefined" && module !== null) {
    module.exports = Dropzone;
  } else {
    window.Dropzone = Dropzone;
  }

Итак, мой проект введите if, но я хочу перейти в else (без изменения файла шаблона). Кто-нибудь знает, что это за модуль? Не используется, за исключением здесь.

1 Ответ

0 голосов
/ 15 мая 2018

Наконец-то нашел решение, это если 

 if (typeof module !== "undefined" && module !== null) {
    module.exports = Dropzone;
  } else {
    window.Dropzone = Dropzone;
  }

Экспортировать Dropzone в модуле, мне нужно включить (начало файла, а не в document.ready) этот модуль в мои custom.js с 

import * as Dropzone from '../vendor/monster_admin/assets/plugins/dropzone-master/dist/dropzone.js';

Это вещь node.js (я думаю, потому что я прочитал ее в учебнике, но я никогда не использую node.js).

...