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

【问题标题】：How can I store list of image and video files in JavaScript?如何在 JavaScript 中存储图像和视频文件列表？
【发布时间】：2018-12-25 23:49:24
【问题描述】：

我想将图像和视频文件的列表存储在 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);

【问题讨论】：

.pop, .shift .slice, .splice
呵呵，这不仅是个好点，而且我认为我们将formData 误认为是一个数组，而它看起来是FormData，这表明OP 存在兼容性问题
@Adelin 是的，你是正确的。 Formdata 不是数组。大家参考这个链接developer.mozilla.org/en-US/docs/Web/API/FormData/delete

标签： javascript jquery asp.net-mvc

【解决方案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();

【讨论】：

【解决方案2】：

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

请用反引号 (this)==> 将键括起来 .我不能在这里使用它，因为堆栈溢出时的代码 sn-p 是一样的

【讨论】：