如何使用jquery或ajax将图像(仅限图像URL)拖动到可放置区域以上传到服务器?

我想通过图片url将图片上传到服务器。 此图像被拖放到可放置区域。 (或者有没有办法将图像URL发布到javascript函数中的另一个页面?)

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

就像我放弃图像一样,它会通过图像url自动上传到服务器(例如http://dfghg.com/sss.jpg )。

图像(例如http://dfghg.com/sss.jpg )与拖放区域位于同一页面内。

inheritance我的代码

$("#query_image_container").droppable({ accept: ".thumb", activeClass: "ui-state-highlight", drop: function( event, ui ) { $(this).find(".thumb").remove(); $(this).append(''); var imageurl = ui.draggable.attr('src'); $.ajax({ type: 'POST', url: 'uploadurl.php', data: imageurl, success:function() { } datatype: 'html' }); } }); 

我可以使用$ .ajax({…}); 在一个可放置的?

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

我们的想法是将图像(同一网页上的图像)拖动到放置区域,它将自动上传到服务器。

你可能不会深入挖掘fileuploadarea ,这似乎正在做你想要的。