dropzone.js的自定义模板

Question

我正在使用Dropzine.js，我想设计自己的模板的样式。

我的HTML代码

        <div class="dropzone" id="my-awesome-dropzone">
            <input type="hidden" name="file" multiple/>
        </div>

<section class="row" id="multiupload-expedition">
    <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>
    </section>

JS代码

Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("div#my-awesome-dropzone", {
        maxFiles: 3,
        aceptedFiles: ".pdf,.doc,.docx",
        url: "/innovate_git_ogmio/innovate/cz/expedition?do=fileUpload",
        previewTemplate: document.querySelector('#multiupload-expedition').innerHTML,
    });

但是当我尝试上传文件时，在div内部使用“ dropzone”类创建了新元素。 有人可以帮帮我吗？