Javascript 在我的照片被预览后，我如何将我的照片拖到另一个dropbox？

我想做的是预览变成可拖动的，并移动到另一个dropbox

使img源“”移动（拖动）到另一个dropbox区域

<script>
function handleFiles(files) {
  for (let i = 0; i < files.length; i++) {
    const file = files[i];

    if (!file.type.startsWith('image/')){ continue }

    const img = document.createElement("img");
    img.classList.add("obj");
    img.file = file;
    preview.appendChild(img); // Assuming that "preview" is the div output where the content will be displayed.

    const reader = new FileReader();
    reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
    reader.readAsDataURL(file);
  }
}```
</script>

函数句柄文件（文件）{
for（设i=0；i

---

在图片进入预览后，如何使用java脚本移动到另一个区域以div显示名为“preview”的图像。并使用jQuery draggable&dropable函数启用在Dropbox容器中拖动图像的功能

window.onload=function（）{
//例如，在数组中放置一些图像
arrayfile=['https://www.w3schools.com/html/pic_trulli.jpg', 'https://www.w3schools.com/html/img_girl.jpg'];
手持文件（阵列文件）；
函数句柄文件（文件）{
for（设i=0；i

.container{
边框：1px纯灰；
宽度：250px；/*也可以是百分比*/
高度：250px；
保证金：0px自动；
填充：10px；
位置：相对位置；
文本对齐：居中；
浮动：左；
左边距：20px；
}
.孩子{
填充：2px；
边框：1px纯黑；
保证金：5px；
}