首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >动态更改Dropzone url

动态更改Dropzone url
EN

Stack Overflow用户
提问于 2018-08-29 01:43:45
回答 2查看 3.1K关注 0票数 1

我正在尝试更改dropzone中的URL,但我找到的信息似乎对我不起作用。我有一个表单,我在使用JS时放了一个dropzone。我想根据在下拉列表中选择的选项来更改dropzone URL。下面是我正在使用的代码:

Dropzone

代码语言:javascript
复制
<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

代码语言:javascript
复制
function addDropzone() {
    $(document).ready(function () {
        Dropzone.autoDiscover = false;
        $("#dZUpload").dropzone({
            url: "url.com",
            addRemoveLinks: true,
            success: function (file, response) {
                console.log(response);
             }
        });
    });
}

更改URL

代码语言:javascript
复制
function urlSetter() {
    var drop = document.getElementById('dropzoneUpload');
    if(type.includes('aud')) {
        drop.options.url = 'url.com';
    } else {
        drop.options.url = 'url2.org';
    }
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-08-29 17:45:37

您不能使用此方法更改dropzone url。为此,首先创建一个全局变量,然后在下拉change event(urlSetter)中设置该变量的值,如下所示:

代码语言:javascript
复制
var dropzonePostUrl='url.com';
function urlSetter() {
    var drop = document.getElementById('dropzoneUpload');
    if(type.includes('aud')) {
        dropzonePostUrl = 'url.com';
    } else {
        dropzonePostUrl = 'url2.org';
    }
}

您还需要更改dropzone初始化代码,如下所示:

代码语言:javascript
复制
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。

票数 3
EN

Stack Overflow用户

发布于 2018-08-30 14:16:35

代码语言:javascript
复制
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';
  }
}
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52063626

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档