在jquery中从我的系统或其他窗口拖放

时间:2016-07-07 03:01:12

标签: jquery drag-and-drop

你是JQuery的新手。

我在我的网站上使用拖放插件。

代码:

$(".imageDrop").droppable({
    scope:'preLast',
    drop: function(event, ui){
            $(this).prepend($("<div class='imgdiv'><img src='"+$(ui.helper).attr("src")+"' class='imageUpload' /></div>"));
            $(this).css("background","#fff");
          },
    over:function(event, ui){
            $(this).css("background","#c7e6ed");
          },
    out:function(event, ui){
            $(this).css("background","#fff");
          }
});

此代码在同一窗口或同一页面中拖放之间正常工作。

现在我想添加从我的系统和其他窗口或浏览器中拖放的功能。我已经提到了这个链接:

HTML5 drag and drop between windows但我的问题没有解决。

我尝试了以下方式,但我无法拖动旧的可丢弃方法。

$(".imageattachNow").bind('drop', function (e) {
    var file = e.originalEvent.target.files ||  e.originalEvent.dataTransfer.files;
});
$(".imageattachNow").bind('drop dragover', function (e) {
    e.preventDefault();
});

对于这两种方法,我需要使用它来将文件作为文件和对象。我需要两种方式来完成拖放功能:

  1. 同一页droppable
  2. 从我的系统或其他窗口或其他浏览器
  3. 我需要支持旧的拖放功能和其他窗口或我的系统功能。

    我不知道如何解决这个问题。在file[0]如何发送图片详细信息以供上传?

0 个答案:

没有答案