Question

我是道场新手。我有三个div;第一个div有10张图片，其他两个div是空的。

我想允许用户将图片拖到任何div（2,3）或拖回div1。

我想使用PHP将图片存储在数据库中。

Answer 1

至于拖放，您需要使用dojo.dnd.Source。

在你的Js中，你需要：

dojo.require("dojo.dnd.Source");

你的HTML看起来像这样（大部分）：

<div dojoType="dojo.dnd.Source" id="div1">
  <div class="dojoDndItem">
      <img />
  </div>
  <div class="dojoDndItem">
      <img />
  </div>
  ... 8 more times ...
</div>

我使用google的徽标设置了一个简单的示例，您可以将其从一个div拖到另一个div on jsbin。

至于保存到数据库，我不清楚你想要保存什么。 src？还有别的吗？

话虽如此，您可以使用dojo.query获取某个div的图像，以便为您的PHP页面/服务调用xhrGet。

基本上：

 dojo.query("img",dojo.byId("div1")).forEach( function() {
     // this is now the image
     dojo.xhrGet( { url: '/somepage.php',
                    data: { image_name: this.title } // ???: depends on what you want
                    load: function( data ) {
                      alert("I worked!");
                    },
                    error: function( data ) {
                       alert("O NOES!!!");
                    }
                }
    );
 });

拖拽放入dojotoolkit

1 个答案: