Php Dropzone图像上载选项不工作：(_Php_Javascript_Jquery_Dropzone.js

Php Dropzone图像上载选项不工作：(

php javascript jquery

Php Dropzone图像上载选项不工作：(,php,javascript,jquery,dropzone.js,Php,Javascript,Jquery,Dropzone.js,我试图建立一个拖放图像上传，但dropzone选项不起作用，我不知道我这样做是否正确我希望设置以下选项：仅上载一个文件（multiupload参数）删除该文件的可能性（addremovelink？）最大文件大小为2mb（最大文件大小）你能帮我吗代码如下： <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/

我试图建立一个拖放图像上传，但dropzone选项不起作用，我不知道我这样做是否正确

我希望设置以下选项：

仅上载一个文件（multiupload参数）
删除该文件的可能性（addremovelink？）
最大文件大小为2mb（最大文件大小）

你能帮我吗

代码如下：

    <html>
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="dropzone.js" type="text/javascript"></script>
    <link href="css/basic.css" rel="stylesheet" type="text/css" />
    <link href="css/dropzone.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#uploadme").dropzone({
                paramName: 'photos',
                url: 'upload.php',
                dictDefaultMessage: "Drag your images",
                clickable: true,
                enqueueForUpload: true,
                maxFilesize: 1,
                uploadMultiple: false,
                addRemoveLinks: true
            });

        });
    </script>
    <form action="upload.php" class="dropzone">
        <div id="uploadme" class="fallback">
            <input name="file" type="file" multiple />
        </div>
    </form>
</body>
</html>


$（文档）.ready（函数（）{
$（“#上传”）.dropzone({
paramName:'照片'，
url:'upload.php'，
dictDefaultMessage：“拖动图像”，
可点击：正确，
enqueueForUpload:true，
最大文件大小：1，
uploadMultiple:false，
addRemoveLinks：正确
});
});

谢谢你们，你们太棒了！：）

在Jquery调用之前添加即可

Dropzone.autoDiscover = false;

并从

中删除该操作。这将禁用自动发现功能，以便您可以为表单指定所有选项

您的代码应该是这样的：

<html>
<head>
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="dropzone.js" type="text/javascript"></script>
    <link href="css/basic.css" rel="stylesheet" type="text/css" />
    <link href="css/dropzone.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){
            Dropzone.autoDiscover = false;
            $("#uploadme").dropzone({
                paramName: 'photos',
                url: 'upload.php',
                dictDefaultMessage: "Drag your images",
                clickable: true,
                enqueueForUpload: true,
                maxFilesize: 1,
                uploadMultiple: false,
                addRemoveLinks: true
            });

        });
    </script>
    <form action="" class="dropzone">
        <div id="uploadme" class="fallback">
            <input name="file" type="file" multiple />
        </div>
    </form>
</body>
</html>


$（文档）.ready（函数（）{
Dropzone.autoDiscover=false；
$（“#上传”）.dropzone({
paramName:'照片'，
url:'upload.php'，
dictDefaultMessage：“拖动图像”，
可点击：正确，
enqueueForUpload:true，
最大文件大小：1，
uploadMultiple:false，
addRemoveLinks：正确
});
});

您需要添加一个按钮或事件处理程序以允许处理预览的文件，如果让它自动处理队列，则您没有时间决定是否需要该文件，除非您在“process”事件中添加一个事件处理程序

在我的情况下，我必须使用vanilla JS Dropzone类实例化并将

Dropzone.autoDiscover=false在$（文档）之外。准备就绪
功能
html:


javascript:
<script>
Dropzone.autoDiscover = false;
$(document).ready(function() {
    var myDropzone = new Dropzone('form#image-upload',{
        maxFiles:12,
        acceptedFiles: 'image/*',
        dictInvalidFileType: 'This form only accepts images.'
    });
});


Dropzone.autoDiscover=false；
$（文档）.ready（函数（）{
var myDropzone=new Dropzone（'form#image upload'{
maxFiles:12，
acceptedFiles:'image/*'，
DictionValidFileType:“此表单仅接受图像。”
});
});

你好。您遇到了什么问题？autoDiscover语句应该在DOM就绪事件之外。除此之外，这段代码不能使拖放对我起作用。dropzone也拒绝生成任何缩略图。这里也是。这些选项没有效果，并且有一个按钮用于添加文件而不是拖放。
$("#uploadme").dropzone.processQueue()

<form id="image-upload" action="/upload" class="dropzone" method="post" name="file"></form>

<script>
Dropzone.autoDiscover = false;
$(document).ready(function() {
    var myDropzone = new Dropzone('form#image-upload',{
        maxFiles:12,
        acceptedFiles: 'image/*',
        dictInvalidFileType: 'This form only accepts images.'
    });
});