javascript – dropzone.js以编程方式不起作用

前端之家收集整理的这篇文章主要介绍了javascript – dropzone.js以编程方式不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试以编程方式创建删除区域,但它不起作用.

HTML代码

<div class="content-wrap">
   <div class="row">
      <script type="text/javascript">
         $(function() {
            $("div#myDropZone").dropzone({
                url : "/file-upload"
            });
         });
      </script>
      <div class="col-sm-12">
         <div class="nest" id="DropZoneClose">
            <div class="title-alt">
               <h6>DropZone</h6>
            </div>
            <div class="body-nest" id="DropZone">
               <div id="myDropZone" >
               </div>
               <button style="margin-top: 10px;" class="btn btn-info"
                  id="submit-all">Submit all files</button>
            </div>
         </div>
      </div>
   </div>
</div>

< div id =“myDropZone”>中的放置区域没有上诉!

最好的祝福 :)

解决方法

你需要给你的#myDropZone div一些宽度和高度,以便它占用空间.这是一个 jsfiddle.

或者,您可以将dropzone类添加到div中以获取您在演示中看到的默认样式.继承人jsfiddle就是这样.

猜你在找的JavaScript相关文章