从本地文件夹获取所有图像

Question

我需要一种方法来获取本地文件夹中的所有图像,以便在本地运行.将不会尝试服务器从本地文件夹中获取图像,因为这是不可能的/情况.

我需要使用.js,因为我不能使用.php(这会更容易)因为它在本地PC上运行.

说我需要从学习中获取所有图像/

我已经尝试了各种解决方案,可以在这里找到,这里和这里但没有工作.

Answer 1

我认为您最好的选择是在Javascript中使用新的File API.从文件系统中读取文件有很多功能.

<input type="file" id="fileinput" multiple />
<script type="text/javascript">
  function readMultipleFiles(evt) {
    //Retrieve all the files from the FileList object
    var files = evt.target.files; 

    if (files) {
        for (var i=0, f; f=files[i]; i++) {
              var r = new FileReader();
            r.onload = (function(f) {
                return function(e) {
                    var contents = e.target.result;
                    alert( "Got the file.n" 
                          +"name: " + f.name + "n"
                          +"type: " + f.type + "n"
                          +"size: " + f.size + " bytesn"
                          + "starts with: " + contents.substr(1, contents.indexOf("n"))
                    ); 
                };
            })(f);

            r.readAsText(f);
        }   
    } else {
          alert("Failed to load files"); 
    }
  }

  document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);
</script>

(来自这里的代码)

你可以在这里找到一个很好的解释和有用的代码.