Javascript 动态更改Dropzone url

Javascript 动态更改Dropzone url,javascript,dropzone.js,Javascript,Dropzone.js,我正在尝试更改dropzone中的URL,但我发现的信息似乎对我不起作用。我有一个表单,我正在使用JS添加dropzone。我想根据下拉列表中选择的选项更改dropzone URL。以下是我正在使用的代码: Dropzone <select id="bioImages" name="bioImages" style="width: 300px;" onchange="urlSetter();"> <option value="countryFlag">Co

我正在尝试更改dropzone中的URL,但我发现的信息似乎对我不起作用。我有一个表单,我正在使用JS添加dropzone。我想根据下拉列表中选择的选项更改dropzone URL。以下是我正在使用的代码:

Dropzone

<select id="bioImages" name="bioImages" style="width: 300px;" onchange="urlSetter();">
        <option value="countryFlag">Country Flag</option>
        <option value="locationImg">Location Image</option>
        <option value="nationalAnthemaud">National Anthem</option>
        <option value="countryNameaud">Country Name</option>
</select>
<form id="dropzoneUpload" action="" enctype="multipart/form-data" method="post">
    <div class="clearfix">
        <br><br>
    </div>
    <div class="half clearfix">
        <div id="dZUpload" class="dropzone" name="fileUpload">
        <div class="dz-default dz-message">
            Drop image/audio here or click to upload (system supports 1 file per category).
        </div>
        </div>
     </div>
</form>
function addDropzone() {
    $(document).ready(function () {
        Dropzone.autoDiscover = false;
        $("#dZUpload").dropzone({
            url: "url.com",
            addRemoveLinks: true,
            success: function (file, response) {
                console.log(response);
             }
        });
    });
}
更改URL

function urlSetter() {
    var drop = document.getElementById('dropzoneUpload');
    if(type.includes('aud')) {
        drop.options.url = 'url.com';
    } else {
        drop.options.url = 'url2.org';
    }
}

您不能用这种方式更改dropzone url。为此,首先创建一个全局变量,并在下拉更改事件(URLSETER)上设置该变量的值,如下所示:

var dropzonePostUrl='url.com';
function urlSetter() {
    var drop = document.getElementById('dropzoneUpload');
    if(type.includes('aud')) {
        dropzonePostUrl = 'url.com';
    } else {
        dropzonePostUrl = 'url2.org';
    }
}
您还需要更改dropzone初始化代码,如下所示:

function addDropzone() {
    $(document).ready(function () {
        Dropzone.autoDiscover = false;
        $("#dZUpload").dropzone({
            url: "url.com",
            addRemoveLinks: true,
            success: function (file, response) {
                console.log(response);
             },
            init: function () {
               var _this=this;
                this.on("processing", function (file) {
                    _this.options.url = dropzonePostUrl;
                });
            }
        });
    });
}
您可以在处理事件时更改url。

函数addDropzone(){
$(文档).ready(函数(){
Dropzone.autoDiscover=false;
$(“#dZUpload”).dropzone({
网址:“url.com”,
addRemoveLinks:是的,
成功:函数(文件、响应){
控制台日志(响应);
},
init:函数(){
此.on(“处理”,函数(文件){
this.options.url=dropzonePostUrl;
});
}
});
});
}
var dropzonepstrul='url.com';
函数urlSetter(){
var drop=document.getElementById('dropzoneUpload');
if(类型包括('aud')){
dropzonePostUrl='url.com';
}否则{
dropzonePostUrl='url2.org';
}
}

国旗
位置图像
国歌
国名


将图像/音频放到此处或单击上载(系统支持每个类别1个文件)。