स्थानीय फ़ोल्डर

Question

से सभी छवियों को प्राप्त मैं एक प्रस्तुति है कि स्थानीय स्तर पर भी चलेंगे के लिए एक स्थानीय फ़ोल्डर से सभी छवियों को प्राप्त करने के लिए एक तरह से की जरूरत है। सर्वर को स्थानीय फ़ोल्डर से छवियों को लेने का कोई प्रयास नहीं होगा क्योंकि यह संभव नहीं है/मामला।

मैं .js का उपयोग करने के बाद से मैं .php उपयोग नहीं कर सकते हैं (जो आसान होगा) के बाद से यह एक स्थानीय पीसी पर चलता है की जरूरत है।

मैं से सीख/

मैं विभिन्न समाधान here, here और here पाया जा सकता है, लेकिन कोई भी काम की कोशिश की है सभी छवियों को लेने की जरूरत कहो।

Answer 1

मुझे लगता है कि आपका सबसे अच्छा विकल्प जावास्क्रिप्ट में नए फ़ाइल एपीआई का उपयोग करने के लिए है। फ़ाइल सिस्टम से फ़ाइलों को पढ़ने के लिए बहुत सारे काम हैं।

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

(here से कोड)

आप एक अच्छा विवरण और उपयोगी कोड here पा सकते हैं।

Answer 2

पैट्रिक Hofman के जवाब देने के लिए धन्यवाद, मैं कोड को संशोधित किया है और इस के साथ समाप्त हो गया:

$(document).ready(function(){ 

    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; 
        $('body').append('<h1>' + f.name + '</h1><img src="learn/' + f.name + '"/>'); 
       }; 
      })(f); 

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

    document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false); 

});