html5怎么让多个图片实现拖放

在HTML5中，可以使用拖放API来实现多个图片的拖放操作。以下是实现步骤：

1. 在HTML中创建一个容器元素，用来放置多个图片。

2. 给容器元素绑定事件监听器，监听dragover事件。

3. 在dragover事件处理函数中，阻止浏览器默认的拖放行为。

4. 给每个图片元素添加draggable属性，并绑定dragstart和dragend事件监听器。

5. 在dragstart事件处理函数中，使用event.dataTransfer.setData()方法设置数据类型以及数据。

6. 在dragover事件处理函数中，使用event.preventDefault()方法阻止浏览器默认的拖放行为，并使用event.dataTransfer.dropEffect属性设置拖放的效果。

7. 在drop事件处理函数中，使用event.dataTransfer.getData()方法获取拖放的数据，并将图片元素移动到目标位置。

8. 最后，在dragend事件处理函数中，清除拖放数据并完成拖放操作。

以上就是在HTML5中实现多个图片实现拖放的步骤。