小编典典

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

ajax

我需要一种从本地文件夹中获取所有图像的方法,以便在本地也可以运行演示文稿。由于这是不可能的,服务器将不会尝试从本地文件夹中获取图像。

我需要使用.js,因为它无法在本地PC上运行,因此无法使用.php(这样会更容易)。

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


阅读 210

收藏
2020-07-26

共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>

(代码从这里

您可以在此处找到很好的解释和有用的代码。

2020-07-26