Dropzone.js 使用 php 上传未完成

Question

我有一个 PHP 和 SQL 代码，使用 Dropzone.js 尝试上传照片并添加到数据库中。我的问题是当我尝试使用 dropzone 拍摄图片时出现错误。

这是我的 Dropzone div:

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

UI:

如果我尝试拖动照片，我的其他代码无法执行并收到此错误消息：

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

我很困惑为什么我会收到 "whitespace" 和少于字符的错误，因为我似乎没有这些。

这是我的页面URL:

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

i=1 来自我的 SQL 声明

我还被告知检查开发人员工具中的 "Network" 选项卡，看看是否可以找到错误 there.There seems be not less than or white space in any文件。

如截图所示，我的照片被屏蔽了。

如果能帮助解决我的错误，我将不胜感激。谢谢

Answer 1

<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中初始化dropzone

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

Answer 2

查看被阻止的 url，它与您所说的 url post 不符。你说它应该 post 到

    for_lease_photos_list.php?i=1

但只要查看控制台屏幕截图中的 url，您就可以看到存在其他 url 编码字符。我们可以看到

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

解码为

    for_lease_photos_list.php?i=<br /%

确保

    $rowProduct['productid']

确实包含一个有效的整数，而不是上面看到的一些其他字符。

Dropzone.js 使用 php 上传未完成

Dropzone.js upload using php does not follow through

php

sql

dropzone