动态更改Dropzone url
动态更改Dropzone url
提问于 2018-08-29 01:43:45
我正在尝试更改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>添加Dropzone
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';
}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-29 17:45:37
您不能使用此方法更改dropzone url。为此，首先创建一个全局变量，然后在下拉change event(urlSetter)中设置该变量的值，如下所示：
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。
Stack Overflow用户
发布于 2018-08-30 14:16:35
function addDropzone() {
$(document).ready(function () {
Dropzone.autoDiscover = false;
$("#dZUpload").dropzone({
url: "url.com",
addRemoveLinks: true,
success: function (file, response) {
console.log(response);
},
init: function () {
this.on("processing", function (file) {
this.options.url = dropzonePostUrl;
});
}
});
});
}
var dropzonePostUrl='url.com';
function urlSetter() {
var drop = document.getElementById('dropzoneUpload');
if(type.includes('aud')) {
dropzonePostUrl = 'url.com';
} else {
dropzonePostUrl = 'url2.org';
}
}<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52063626
复制相关文章
相似问题
腾讯云开发者
