【问题标题】:dojo 1.7 dojox/form/Uploader not displaying the file picker dialogdojo 1.7 dojox/form/Uploader 不显示文件选择器对话框
【发布时间】:2012-04-18 19:41:06
【问题描述】:

我的最终游戏是将上传器添加到对话框中。那行不通,所以我走了简单的路线,看看它是否可行。下面是我可以做到的尽可能简单,遗憾的是,单击按钮时文件选择器不显示。我在 Firefox 和 Chrome 中工作。如果有人愿意仔细检查一下并找到一个傻瓜,我将不胜感激。

require(["dojox/form/Uploader",
    "dojo/dom",
    "dojox/form/uploader/plugins/IFrame",
    "dojo/domReady!"
  ],
  function(Uploader, dom) {
    var u = new Uploader({
      name: "myPhoto",
      label: "Upload Your Photo",
      multiple: false,
      uploadOnSelect: true,
      url: "to/the/ethreal"
    });
    dom.byId("myDiv").appendChild(u.domNode);
  });
<html>

<head>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css" media="screen">
  <!-- load dojo and provide config via data attribute -->
  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js" data-dojo-config="async: true"></script>
</head>

<body class="claro">
  <div id="myDiv"></div>
</body>

</html>

【问题讨论】:

标签: javascript dojo


【解决方案1】:

好吧,我认为它最终会变得很愚蠢,但是需要启动小部件。在那个被扔掉半天之后,我希望道场示例不会遗漏这样的关键方面。

操作函数如下:

require(["dojox/form/Uploader",
    "dojo/dom",
    "dojox/form/uploader/plugins/IFrame",
    "dojo/domReady!"
  ],
  function(Uploader, dom) {
    var u = new Uploader({
      name: "myPhoto",
      label: "Upload Your Photo",
      multiple: false,
      uploadOnSelect: true,
      url: "to/the/ethreal"
    }, "myDiv");
    u.startup();
  });
<head>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css" media="screen">
  <!-- load dojo and provide config via data attribute -->
  <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js" data-dojo-config="async: true"></script>
</head>

<body class="claro">
  <div id="myDiv"></div>
</body>

我确信已经说过很多次了,最好的信息来源是Nightly Build 的测试。我在FileUpload 上找到了丢失的金块。

【讨论】:

  • 谢谢,这对我有帮助。基本上你需要在声明对象后添加“u.startup”!非常微不足道,也许不是很直观,但是当您想知道为什么控件不显示文件资源管理器时,这一切都会有所不同。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-02
  • 2014-04-30
  • 1970-01-01
相关资源
最近更新 更多