Question

我是dropzone.js的新手，并且很长一段时间都在做我的asp.net网页上的dropzone。基本上我想用而不是实现它。我做了所有的研究，但大多数例子只用于上传图像的表格。

我发现了这个example，但这对我没有用。

它根本不显示拖放区域来选择图像。相反，它总是与回退一起显示正常的文件上传控件。我在IE10上测试它。我已经下载并参考了网页上的所有必需文件，例如CSS和min.js文件以及其他两个图像，这些图像应该在页面加载时显示（但是没有）。

以下是我的代码。这里要注意的一件事是我在自定义用户控件中实现它。此自定义用户控件也将加载到Ajax UpdatePanel控件中。这是代码：

References:
<script src="../Scripts/dropzone.min.js" type="text/javascript" ></script>
<link href="../Styles/dropzone.css" rel="stylesheet" type="text/css" />
<link href="../Styles/basic.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function () {
       Dropzone.options.dropzonediv = {
            url: '/HttpHanlders/Upload.ashx',
            init: function () {
                this.on("complete", function (data) {
                    var res = eval('(' + data.xhr.responseText + ')');
                });
            }
        };
    });
</script>

HTML:
<td style="width: 50%; border-right: 1px solid #F0F0F0">
     <div class="dropzone" id="dropzonediv">
          <div class="fallback">
              <input name="file" type="file" multiple />
              <input type="submit" value="Upload" />
          </div>
     </div>
</td>

我发现dropzone可行并且最适合我的要求，这就是为什么我不想使用任何其他文件上传实现。请帮忙!!!

Answer 1

您必须在调用任何选项之前添加此脚本

<script>
$("div#dropzonediv ").dropzone({ url: "/file/post" });
</script>

Dropzone JS没有使用表单

1 个答案: