Как я могу использовать для перетаскивания изображения (только URL-адрес изображения) в область сброса для загрузки на сервер, используя jquery или ajax?

Question

Я хочу загрузить изображение на сервер через URL изображения. это изображение перетаскивается в область, которую можно сбрасывать. (Или есть способ опубликовать 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 ({...}); в капельнице?

Или есть ли другой способ, которым я могу сделать POST для uploadurl.php с «data: imageurl»?

Идея состоит в том, чтобы перетащить изображение (изображение на той же веб-странице) в область перетаскивания, и оно автоматически загрузится на сервер.

Answer 1

Возможно, вы захотите копнуть глубже в fileuploadarea , похоже, это делает в значительной степени то, что вы хотите.