如何使用 jquery 或 ajax 将图像（仅限图像 url）拖到可放置区域以上传到服务器？

Question

我想通过图像网址将图像上传到服务器。 该图像被拖放到可放置区域。 （或者有没有办法将图像 URL 发布到 javascript 函数中的另一个页面？）

如何在可放置区域中使用此图像，使用 jquery 或 ajax 上传到服务器。

就像一旦我放下图像，它就会使用图像 URL 自动上传到服务器（例如 http://dfghg. com/sss.jpg）。

图像（例如 http://dfghg.com/sss.jpg）与以下内容位于同一页面内放置区域。

这是我的代码

$("#query_image_container").droppable({
        accept: ".thumb",
        activeClass: "ui-state-highlight",
        drop: function( event, ui ) {
            $(this).find(".thumb").remove();

                        $(this).append('<img class="thumb"  src="'+ui.draggable.attr('src')+'">');
            var imageurl = ui.draggable.attr('src');
                $.ajax({
                    type: 'POST',
                    url: 'uploadurl.php',
                    data: imageurl,
                    success:function()
                        {
                        }
                    datatype: 'html'
                });
        }

    });

我可以使用 $.ajax({...});在可投放的范围内？

或者有没有其他方法可以使用“data : imageurl”对 uploadurl.php 进行 POST？

这个想法是将图像（同一网页上的图像）拖到放置区域，它将自动上传到服务器。

Answer 1

您可能不愿意深入研究 fileuploadarea，这似乎正在做您想要的事情。