Ложный минус при загрузке - PullRequest
Новая
       44

Ложный минус при загрузке

0 голосов
/ 11 февраля 2020

Я использую Dropzone. js в проекте торт php.

Когда я загружаю фотографию, изображение поступает на сервер, но в предварительном просмотре у меня появляется неизвестная ошибка.

ошибка предварительного просмотра

Вот конфигурация dropzone: 

Dropzone.options.slgDropzone = {
        paramName: "file", // The name that will be used to transfer the file
        maxFilesize: 50, // MB ou Mo
        thumbnailWidth: 600, // Largeur de la miniature
        thumbnailHeight: 600, // Hauteur de la miniature
        maxFiles: 1, // Nombre de fichier pouvant être uploader
        addRemoveLinks: true,
        acceptedFiles: "image/jpg, image/jpeg, image/png",
        previewsContainer: '.slg-preview',
        withCredentials: 'XHRequest',
        //forceFallback: true, // Pour tester l'ffichage des vieux navigateurs
        //Traductions
        dictInvalidFileType: "<?php echo __('La photo doit être au format JPEG ou PNG uniquement.'); ?>",
        dictRemoveFile: "<?php echo __('Supprimer cette image'); ?>",
        dictFileTooBig: "<?php echo __('Le poids de l\'image dépasse la limite de 5Mo'); ?>",
        dictResponseError: "<?php echo __('L\'erreur suivante est survenue : {{statusCode}}'); ?>",
        dictMaxFilesExceeded: "<?php echo __('Une seule image est autorisée'); ?>",
        //dictFallbackText: null,
        dictFallbackMessage: null,
        //fonctions
        accept: function(file, done) {
            $("#slg-btn-formulaire").removeAttr('disabled').removeClass("uk-hidden");
            console.log('uploaded'); //debuging the upload
            done()
        }            
    };

А вот мой шаблон: 

<?= $this->Form->create('', ['type' => 'post', 'class' => 'dropzone uk-padding-remove', 'id' => 'slg-dropzone']); ?>

<div class="width-1-1 box uk-padding-small uk-position-relative">    

    <div class="slg-preview dropzone-previews uk-position-center"></div>

    <div class="dz-default dz-message uk-margin-large-top" >


        <span class="slg-text-light-grey uk-margin-bottom uk-align-top" uk-icon="icon: pull; ratio:2.5"></span>

        <p class="slg-roboto-cond slg-text-brown slg-text-21 uk-text-uppercase uk-margin-remove-vertical uk-text-center uk-visible@m"><?= __('Faites glisser votre photo') ?></p>

        <p class="slg-roboto-cond slg-text-brown slg-text-21 uk-text-uppercase uk-margin-remove-vertical uk-text-center uk-hidden@m"><?= __('Cliquer ici pour parcourir') ?></p>

        <p class="slg-pontano slg-text-brown uk-text-normal slg-text-18 uk-margin-small-top uk-margin-small-bottom uk-text-center uk-visible@m"><?= __('Ou cliquer ici pour parcourir') ?></p>        

    </div>        

</div>    

<p class="uk-text-center slg-roboto-cond slg-text-12 slg-text-brown uk-text-bold">Formats photo acceptés : JPG, JPEG, PNG - Poids maximum : 5Mo</p>
<div class="width-1-1 uk-margin-top">        


    <?= $this->Form->button(__('Ajouter ma photo'), ['class' => 'uk-button slg-btn slg-primary-color uk-border-rounded uk-display-block uk-margin-auto uk-margin-small-bottom uk-hidden', 'id' => 'slg-btn-formulaire']); ?>
</div>

<?= $this->Form->unlockField('file'); ?><?= $this->Form->end(); ?>

В консоль, у меня есть «загруженный» журнал, но также ошибка 500, которую я не могу понять ... 

VM241:1 GET http://local.frconcoursphoto/jeu 500 (Internal Server Error)
(anonymous) @ VM241:1
Dropzone.submitRequest @ dropzone.js:1367
Dropzone.uploadFiles @ dropzone.js:1363
Dropzone.processFiles @ dropzone.js:1157
Dropzone.processFile @ dropzone.js:1143
Dropzone.processQueue @ dropzone.js:1136
(anonymous) @ dropzone.js:1003
setTimeout (async)
Dropzone.enqueueFile @ dropzone.js:1001
(anonymous) @ dropzone.js:980
accept @ jeu:182
Dropzone.accept @ dropzone.js:958
Dropzone.addFile @ dropzone.js:972
Dropzone._addFilesFromItems @ dropzone.js:903
Dropzone.drop @ dropzone.js:867
listeners.events.drop @ dropzone.js:653

Я думал, что это может быть связано с безопасностью php, но dropzone хорошо взаимодействует с моим контроллер, так как образ хорошо загружен на сервер.

Небольшая точность, я локальный на Wamp.

Заранее спасибо тем, у кого есть идея.

Алексис

...