Dropzone以

时间:2017-12-11 13:31:16

标签: dropzone.js

我想知道是否有办法在表单中指定一个已初始化为dropzone元素的区域。

我有这个标记

    <form class="vertical-flow vertical-flow--mini" id="new-support-ticket-form" method="post" enctype="multipart/form-data">
        //Have removed all other mark up  for brevity
        <div class="catalogue__upload">
            <div class="file-upload placeholder">
                <label class="is-hidden--text">@BackendText.Global_UploadFiles</label>
                <div class="file-upload__inner" aria-hidden="true" role="presentation">
                    <div class="file-upload__icon" aria-hidden="true" role="presentation">
                        <svgicon iconid="page-upload"></svgicon>
                    </div>
                    <div class="file-upload__content">
                        <h3 class="heading heading--quaternary file-upload__heading">@BackendText.Global_DragAndDropFile</h3>
                        <p class="file-upload__sub-heading">
                            @BackendText.Global_Or_Lowercase <label id="file-upload-browse" class="file-upload__label">@BackendText.Global_Browse_Lowercase</label>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <div class="button-group button-group--right">
            <button class="button button--color-orange button--medium" type="submit">Create ticket</button>
        </div>

    </form>

我通过编程方式创建了dropzone。

        var dz = $("#new-support-ticket-form").dropzone({
            // The configuration we've talked about above
            autoProcessQueue: false,
            uploadMultiple: true,
            parallelUploads: 100,
            maxFiles: 100,
            previewTemplate: '<div style="display:none"></div>',
            url: "@Url.Action("NewTicket")",
            clickable: "#file-upload-browse",

            // The setting up of the dropzone
            init: function() {
                var myDropzone = this;
            }
        });

我知道clickable选项允许有多个元素或单个元素来调出文件浏览器。但是我想知道是否有办法指定一个元素是&#34; droppable&#34;对于文件而不是整个表单。我想要的元素是具有类catalogue__upload

的div

我将整个表单作为dropzone的原因是我想要将其他数据与文件一起上传。对于这个问题,删除了这个标记,但它基本上是一堆选择和文本框。

1 个答案:

答案 0 :(得分:0)

不使用整个表单作为dropzone,最好只将元素作为dropzone,并使用from glue import qglue import pandas as pd from numpy import random dataf = pd.DataFrame({}) dataf['date']=pd.date_range('1/1/2011', periods=72, freq='H') dataf['value']=random.randint(0,10,72) qglue(df=dataf) 事件处理程序向请求添加其他数据。