首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >dropzone.js -如何发布动态div id

问dropzone.js -如何发布动态div id
EN

Stack Overflow用户
提问于 2014-11-17 21:55:20
回答 2查看 697关注 0票数 0

我尝试用dropzone.js上传文件。我的问题是,我在一个页面上有四个dropzone上传容器,用于不同的图像。如何将选定的div发布到post事件?

代码语言:javascript
复制
<div class='product_thumbs'>
  <form name="product_image_1" action="ajax/upload.php" class="dropzone">
    <div class="product_image image_1" id="image_1">
      <div class="fallback">
        <i class="fa fa-upload"></i>
        <input id="file_1" type="file" multiple />
      </div>
    </div>
    <div class="product_image image_2" id="image_2">
      <div class="fallback">
        <i class="fa fa-upload"></i>
        <input id="file_2" type="file" multiple />
      </div>
    </div>
    <div class="product_image image_3" id="image_3">
      <div class="fallback">
        <i class="fa fa-upload"></i>
        <input id="file_3" type="file" multiple />
      </div>
    </div>
    <div class="product_image image_4" id="image_4">
      <div class="fallback">
        <i class="fa fa-upload"></i>
        <input id="file_4" type="file" multiple />
      </div>
    </div>
  </form>
</div>
代码语言:javascript
复制
$(document).ready(function() {
  $(".image_1, .image_2, .image_3, .image_4").dropzone({
    url: "ajax/upload.php?product_id=" + $("#product_id").val() + "&image_number=" + $(this.element).data("id"), // Here I´ll post the id
      thumbnailWidth: 100,
      thumbnailHeight: 120,
      addRemoveLinks: false,
      previewTemplate: ""+
        "<div class=\"dz-preview dz-file-preview\">"+
        "<div class=\"dz-details\">"+
        //"<div class=\"dz-filename\"><span data-dz-name></span></div>"+
        //"<div class=\"dz-size\" data-dz-size></div>"+
        "<img data-dz-thumbnail />"+
        "</div>"+
        "<div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>"+
        "<div class=\"dz-error-message\"><span data-dz-errormessage></span></div>"+
        "</div>"
    });
});

添加图片后如何编辑URL?我还将发布所选文件容器的类或id……

EN

回答 2

Stack Overflow用户

发布于 2014-11-17 22:10:54

试试这个:

代码语言:javascript
复制
$(this).attr("id")

获取当前div的id

票数 0
EN

Stack Overflow用户

发布于 2014-11-17 22:39:21

我不知道你想要达到什么目的。

如果你想简单地发布所有的输入文件,给它们起一个相同的名字,例如name="file[]",[]表示它是一个数组。

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

https://stackoverflow.com/questions/26974250

复制
相关文章

相似问题

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