-4

Here I dynamically creating a file name list using AJAX jQuery using following code!

$(window).load(function () {
    var fileExt = ".csv";
    $(document).ready(function () {
        $.ajax({
            url: 'file:///F:/foldername/',
            success: function (data) {
                console.log(data);
                $("#fileNames").html('<ul>');
                $(data).find("a:contains(" + fileExt + ")").each(function () {
                    $("#fileNames").append('<li><input id=\'chckId\' type = \'checkbox\'/>' + $(this).text() + '</li>');
                });
                $("#fileNames").append('</ul>');
            },
            failure: function (response) {
                alert(response);
            }
        });
    });
});

<div id='fileNames' class="panel-body" style="display: block;"></div>
Rory McCrossan
  • 331,213
  • 40
  • 305
  • 339
PRADEEP N
  • 49
  • 9

1 Answers1

1

You can't.

Most browsers will block access (by XMLHttpRequest) to the local file system entirely, and those that don't do not provide a mechanism for reading directories.

For example:

Chrome says:

XMLHttpRequest cannot load file:///Users/me/tmp/. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Firefox says:

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

… although for a file rather than a directory, it will list the content (providing the file is in or under the same directory as the HTML document).

But f:///foldername can able to access in browser. But not able access in js ! Why?

Giving access to data on your hard disk to you, as the person controlling the browser, is different from giving access to that data to some JavaScript in a file that you might have downloaded from anywhere and which might do anything with it (such as sending it to the person who wrote the JS). See also this question.

Community
  • 1
  • 1
Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335