Загрузка 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> 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>
Пользовательский интерфейс:
Если я попытаюсь перетащить фотографию, мои другие коды не будут выполнены, и я получу это сообщение об ошибке:
[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
Мне также сказали проверить вкладку «Сеть» в инструментах разработчика, чтобы увидеть, могу ли я найти там ошибку. Кажется, что в любом файле есть не меньше пробела или пробела.
Как видно на скриншоте, мое фото заблокировано.
Буду признателен за любую помощь в решении моей ошибки. Спасибо
Ответы 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>
Глядя на заблокированный 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']
действительно содержит допустимое целое число, а не некоторые другие символы, как показано выше.
проверьте в firefox или любом другом браузере, кроме chrome