Question

我想用Java脚本在列表中存储图像和视频文件列表。我使用formData.append()方法来存储带有密钥的文件。它已正确存储。

但是在这之间，我无法使用formData中的密钥删除文件。

所以我需要针对这个问题的另一种解决方案。

代码：

var file = $("#pictureUrl")[0].files[0];
formdata.append(index + "p", file); 
var vfile = $("#videofile")[0].files[0];
formdata.append(index + "v", vfile);

删除代码：

var key=id+"v";
formdata.delete(key);

Answer 1

使用数组作为容器：

    var imgDiv = document.querySelector('.imagesDiv');
    var vidDiv = document.querySelector('.videosDiv');
    var images = ['image_path/1.jpg','image_path/2.jpg','image_path/3.jpg','image_path/4.jpg'];
    var videos = ['video_path/1.mp4','video_path/2.mp4','video_path/3.mp4','video_path/4.mp4'];
    // Append Images to a div with class="imagesDiv"
    var addedImg = '';
function addImages() {
    for (i=0; i<images.length; i++) {
       addedImg+= '<img src="+images[i]+" alt="Alternative Text" >';
    }
    imgDiv.insertAdjacentHTML('beforeend', addedimg);
}

    // Append videos to a div with class="videosDiv"
    var addedVid = '';
function addVideos() {  
    for (j=0; j<videos.length; j++) {
       addedVid+= '<video width="320" height="240" controls><source src="+videos[j]+" 
                  type="video/mp4"></video>';
    }
    addedVid.insertAdjacentHTML('beforeend', addedVid); 
}
addImages();
addVideos();

Answer 2

我知道这是旧的，如果您遇到同样的问题，请使用 fd.append(media[${i}],data[i].media) 如果它是对象列表 do fd.append(media[${i}][image],data[i].image); fd.append(media[${i}][video], data[i].video);

请用反引号将键括起来（这个）==> ` .我不能在这里使用它，因为堆栈溢出时的代码片段也是如此

如何在JavaScript中存储图像和视频文件列表？

2 个答案: