Загрузка Dropzone.js с использованием php не выполняется - PullRequest
0 голосов
/ 22 мая 2019

У меня есть код PHP и SQL, который использует Dropzone.js, чтобы попытаться загрузить фотографии и добавить в базу данных.Моя проблема заключается в том, что я получаю сообщение об ошибке, когда я пытаюсь использовать зону сброса для изображения.

Вот мой раздел Dropzone:

        <div class="col-md-4 bg-color-white shadow border-radius"><!-- Photos { -->
          <div class="row bg-color-dark-gold border-top-radius">
            <div class="col-md-12 color-white section-title-bar">
              <span class="ion-image"></span>&nbsp;&nbsp;&nbsp; PHOTO
            </div>
          </div>
          <div class="col-md-12 spacer"></div>

          <div class="col-md-12">
            <form action="for_lease_sale_photos_upload.php?i=<?php echo($rowProduct['productid']); ?>" class="dropzone"></form>
            <br>
          </div>

          <div class="col-md-12 spacer"></div>
        </div>

Пользовательский интерфейс:

upload photo

Если я пытаюсь перетащить фотографию, другие мои коды не выполняются и получают это сообщение об ошибке:

error

[Deprecation] Resource requests whose URLs contained both removed whitespace 
(`\n`, `\r`, `\t`) characters and less-than characters (`<`) are blocked. m 
Please remove newlines and encode less-than characters from places like 
element attribute values in order to load these resources. See 
https://www.chromestatus.com/feature/5735596811091968 for more details.

Я смущен, почему я получаю сообщение об ошибке «пробел» и символов меньше, потому что у меня их нет.

URL-адрес моей страницы:

http://localhost/infinitygroup/cms/for_lease_photos_list.php?i=1

i = 1 из моего оператора SQL

Мне также сказали проверить вкладку "Сеть" в инструментах разработчика, чтобы увидеть,Здесь можно найти ошибку. Кажется, что в любом файле не меньше или пробел.

Network

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

Буду признателен за любую помощь в решении моей ошибки.Спасибо

Ответы [ 2 ]

1 голос
/ 22 мая 2019

Глядя на заблокированный URL-адрес, он не совпадает с тем, на что, как вы говорите, публикуется URL-адрес. Вы говорите, что он должен публиковать на

    for_lease_photos_list.php?i=1 

, но, просто взглянув на URL на скриншоте консоли, вы увидите, что присутствуют другие символы в кодировке urlencoded. Мы можем видеть

    for_lease_photos_list.php?i=%3Cbr%20/%

, который декодирует до

    for_lease_photos_list.php?i=<br /%

Убедитесь, что

    $rowProduct['productid']

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

0 голосов
/ 22 мая 2019
<link href="/css/dropzone.min.css" rel="stylesheet">
<script src="/js/dropzone.js"></script>
<form class="dropzone" id="my-awesome-dropzone" enctype="multipart/form-data"></form>

Инициализация dropzone в js

    <script>
    var counter=1;
    Dropzone.options.myAwesomeDropzone = {
      maxFilesize: 25,
        url: '/tset/index.php',
        init: function() {
          this.on("addedfile", function(file) { console.log('UPLOADED');});
          this.on("success", function(file,response) {
            file.additionalInfo = response;
            });
        },
        error: function(file, message) {
          $(file.previewElement).addClass("dz-error").find('.dz-error-message').text('Something went wrong!');
        },
        addRemoveLinks: true,
        removedfile: function(file) {
            var dir = "./path/images/";
            $.ajax({
                url: "/call/removefile",
                type: "post",
                data: {name: file.additionalInfo, dir: dir},
                success: function(data){
                    console.log(data);
                }
            });
            file.previewElement.remove();
            return false;
        }

   };
  </script>
...