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

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

Вот мой раздел 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.

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

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

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

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

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

Network

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

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

3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
0
0
81
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

<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>

Инициализировать дропзону в 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>

проверьте в firefox или любом другом браузере, кроме chrome

softech 22.05.2019 11:59
Ответ принят как подходящий

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

    for_lease_photos_list.php?i=1 

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

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

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

    for_lease_photos_list.php?i=<br /%

Удостоверься что

    $rowProduct['productid']

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

Другие вопросы по теме