如何从文件夹中检索图像并使用HttpRequest JavaScript存储它

Question

我有一个文件夹images，我的图像是JPEG格式的。 我想从那里检索所有图像并将它们存储在一个数组中，因为后来我想用它们构建一个幻灯片。

所以，我的问题是 - 我怎么能得到并存储我的图像？ 我想，我需要使用HttpRequest，但我不知道如何，我真的是初学者......你能给我一些建议吗？ 所以，现在我有这个代码

var req = new XMLHttpRequest(); 
req.open('GET', './images')

req.onreadystatechange = function() { 
if (req.readyState === 4) { 
    var img = req.response;  
    // do I havte to loop here or retrieve img one by one?
}}

这是项目的结构

PS。对我来说，重要的是不要用jQuery编写，而是用JS

编写

Answer 1

您无法在浏览器中使用javascript操作文件。如果您想在网络中展示图片，则需要动态构建一组<img ...>代码，其src属性指向您的图片所在的位置。您可以通过询问XMLHttpRequest询问您需要显示的所有图像的URL，然后使用此URL构建<img ...>来实现此目的。

如果要保存服务器中用户的图像，则需要使用 表单块中有<input type=file ...>，因此您可以稍后将其发送到您的服务器