javascript - 为 xampp 使用 dropzone

Question

当我尝试使用 Dropzone.js 处理 Xampp 上的文件上传时，我得到了

The Server responded with 0 code error.

到目前为止我检查过的内容:

• php.ini 允许文件上传
• 我已经设置了正确的 max_filesize 和 post_max_size 值
• 在 Google 中搜索以找到解决方案(未找到)
• 检查了目录权限。

有人可以帮我吗？我还尝试了其他文件上传，但我无法将文件上传到我的 xampp。我错过了什么？非常感谢任何帮助。

更新:添加代码:上传表单 - 不要怀疑 Action ，它来自 Twig/Symfony

<form id="uploadForm" name="upload" action="{{ 'upload_path'  }}" class="dropzone" enctype="multipart/form-data">
           <div class="dz-message" data-dz-message>
                <span>
                  Drag & Drop your files here.
                </span>
           </div>
       </form>

Dropzone Javascript:

<script type="text/javascript" src="{{ asset('js/dropzone.js') }}"></script>
<script type="text/javascript">
    Dropzone.options.uploadForm = {
        accept: function(file, done) {
            if (file.type != "image/jpeg" &&
                    file.type != "image/png") {
                done("Falsches Datenformat! Ihre Datei muss als JPG oder PNG hochgeladen werden.");
            } else {
                done();
            }
        },
        success: function(file, response) {
            if (file.previewElement) {
                return file.previewElement.classList.add("dz-success");
            }

            alert(response);
        },
        maxFiles: 10,
        maxFileSize: 100
    }
</script>

php.ini 设置:

file_uploads=开启

post_max_size=500M

upload_max_filesize=100M

upload_tmp_dir="C:\xampp\tmp"

最大文件上传=10

第二次更新:

现在只测试了一个没有 Symfony 和 Dropzone 的普通上传脚本，它工作得很好。添加了 dropzone，它仍然可以正常工作。只是在与 Symfony 结合时失败了，所以我想这可能是 symfony 中的一个设置

第三次更新 - 已解决:

好的，我自己解决了这个问题。我首先在 Chrome 中上传文件，但无缘无故地失败了。我很困惑。然后我在 Firefox 和 Internet Explorer 中对其进行了测试，它非常有效。我有点困惑。然后我在想“啊，也许它是导致问题的 chrome 扩展”，所以我禁用了我的 Ad Block 扩展。看到那里了吗？现在即使在 Chrome 中也可以上传。因此，如果有人遇到同样的问题，请检查您的浏览器扩展!

Answer 1

首先，您应该将名称更改为 upload[] 以进行多个文件上传。