小编Mah*_*ou5的帖子

Modal中的Dropzone.js不起作用

我正在使用dropzone.js将文件上传到服务器.我包含了js和css文件,"拖动区域"位于一个模式窗口内,该窗口在单击按钮时打开(模态包含更多与此无关的元素)

我面临的问题是,在模态对话框中,"添加文件"部分不会被触发.单击它时没有任何反应,我也无法拖放文件.

我在另一个线程中看到了类似的问题,但是那里提供的解决方案对我不起作用(这里:在Bootstrap模式中使用Dropzone.js).我一直在寻找一个没有运气的日子的答案.任何想法都将受到欢迎.

这是我的代码

CSHTML:

[...]
    <div class="W100pc">
        <div class="FormUnit W045pc AdjustedWidth">
            <div id="DropzoneElement" class="dropzone">
                <div class="dz-message">Add file here</div>
            </div>
        </div>
    </div>
[...]
Run Code Online (Sandbox Code Playgroud)

JS:

[...]
    $(document).ready(function() {

        Dropzone.autoDiscover = false;
        //Simple Dropzonejs 
        $("#DropzoneElement").dropzone({
            maxFilesize: 100,
            url: window.doSomethingHere,
            addRemoveLinks: true,
            success: function(file, response) {
                var imgName = response;
                file.previewElement.classList.add("dz-success");
                console.log("Successfully uploaded :" + imgName);
            },
            error: function(file, response) {
                file.previewElement.classList.add("dz-error");
            }
        });
    }
[...]
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

html javascript razor

9
推荐指数
1
解决办法
5348
查看次数

标签 统计

html ×1

javascript ×1

razor ×1