php - 拖放图像并将数据发布到 PHP

Question

我正在使用http://jsfiddle.net/28SMv/8/拖放图像。然后我需要从放置区域检索图像信息。我想为放置区域插入一个表格并想发布数据。

我怎样才能使用 PHP 做到这一点？有人有其他从放置区域检索图像信息（imageid）的示例吗？

Answer 1

您要做的是创建一个表单并使用 javascript 创建隐藏的表单元素，这些元素将存储哪些图像已被拖动到哪个位置。当用户提交表单时，数据将被传递到您的脚本中，您可以在其中做任何您想做的事情。

这种隐藏元素的创建可以连接到拖放事件，以根据需要添加或删除元素。

Answer 2

脚本 ：

$( "span").draggable({ revert: "invalid" });

        $( "#box1" ).droppable({
            accept: "#wrap1 span",
            drop: function( event, ui ) {
                id=ui.draggable.attr('id');
                $('#frm').append('<input type="text" value="'+id+'" id="i'+id+'"><br><br>');
                //or do what you want exactly like above code
            }
        });

        $( "#wrap1" ).droppable({
            accept: "#wrap1 span",
            drop: function( event, ui ) {
                id=ui.draggable.attr('id');
                $('#frm #i'+id).remove();
            }
        });

网页：

<style>
.custom-state-active { background: #eee; }

.left{
    float:left;
}
.right{
    float:left;
}

#wrap1{
    float:left;
    width:200px;
    border:1px solid red;
    height:100px;
    margin:10px;
    clear:both;
}
#box1{
    float:left;
    width:200px;
    border:1px solid green;
    height:100px;
    margin:10px;
    clear:both;
}
span{
    float:left;
    margin:3px;
    border:1px solid #0CF;
}

</style>
<div class="left">
    <div id="wrap1">
        <span id="img1">test1--->1</span>
        <span id="img2">test1--->2</span>
    </div>


</div>

<div class="right">
    <div id="box1"></div>
</div>

<form id="frm" style="float:left; margin:10px;" action="test.php" method="post">
</form>

演示：http: //jsfiddle.net/3qJdp/

放置成功后，您可以创建/删除表单元素（使用隐藏的输入框）。最后，您可以发布表格日期。

我希望这对你有一点帮助