File upload 带拖放功能的Dojo上传器

我试图在我的项目中重新创建此示例，以便将拖放功能添加到dojo上载程序：

在JSFIDLE或我的应用程序中复制完全相同的代码

if(uploader.addDropTarget && uploader.uploadType=='html5'){

返回uploadType的addDropTarget未定义和iframe未定义。 我在不同的浏览器上尝试过，甚至还增加了力量：在上传程序中使用html5，但没有任何改变

请注意，除dnd外，其他一切正常

---

我正在使用dojo 1.8.1。

在dojo 1.8中，上载程序尚未完全兼容AMD。因此，为了使trunk测试的示例在1.8中工作，您需要使用dojox.form.uploader构造函数（而不是所需的AMD模块）以编程方式创建上传程序。详情如下:

<form method="post" action="UploadFile.php" id="myForm" enctype="multipart/form-data" >
    <fieldset>
        <legend>DnD Test</legend>
        <input class="browseButton" id="uploader"/>
        <input type="submit" label="Submit" data-dojo-type="dijit/form/Button" />
        <div id="files" data-dojo-type="dojox/form/uploader/FileList" data-dojo-props='uploaderId:"uploader"' ></div>
    </fieldset>
</form>

<div id="dropTarget">Drop files here !</div>

---

请参阅dojo 1.8中的

，上载程序尚未完全兼容AMD。因此，为了使trunk测试的示例在1.8中工作，您需要使用dojox.form.uploader构造函数（而不是所需的AMD模块）以编程方式创建上传程序。详情如下:

<form method="post" action="UploadFile.php" id="myForm" enctype="multipart/form-data" >
    <fieldset>
        <legend>DnD Test</legend>
        <input class="browseButton" id="uploader"/>
        <input type="submit" label="Submit" data-dojo-type="dijit/form/Button" />
        <div id="files" data-dojo-type="dojox/form/uploader/FileList" data-dojo-props='uploaderId:"uploader"' ></div>
    </fieldset>
</form>

<div id="dropTarget">Drop files here !</div>

---

请参见

您可以粘贴代码吗？您是否将文件输入设置为multiple=true？你需要html5插件吗？您是否尝试将uploader选项force设置为html5？你在用什么浏览器？…是的，我添加了这个，我还需要html5插件。关于文件选择和上传部分，一切正常。我只是想启用dnd功能。用chrome和firefox测试。哦，对不起。你能发布你的代码吗？Philippe，我使用的代码与链接中的代码完全相同。你使用的是什么浏览器？因为如果它在链接中工作，而不是在你的代码中工作，那么肯定有不同的地方…你能粘贴你的代码吗？您是否将文件输入设置为multiple=true？你需要html5插件吗？您是否尝试将uploader选项force设置为html5？你在用什么浏览器？…是的，我添加了这个，我还需要html5插件。关于文件选择和上传部分，一切正常。我只是想启用dnd功能。用chrome和firefox测试。哦，对不起。你能发布你的代码吗？Philippe，我使用的代码与链接中的代码完全相同。你使用的是什么浏览器？因为如果它在链接中工作，而不是在你的代码中工作，那么一定会在某个地方有所不同……太棒了！但是，现在uploader按钮不起作用。有线索吗？太好了！但是，现在uploader按钮不起作用。有什么线索吗？