Compare FileUpload path with Web config path in ASP.Net MVC

Hi Richa,

Refer the below code.

<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function CompareFilePath(fileUpload) {
            var IsValid = false;
            var fn = $(fileUpload).val().split(/(\\|\/)/g).pop();
            if (fn.length > 95) {
                alert("File name length should be equal or less than 100");
            }
            else {
                var ext1 = $(fileUpload).val().split('.').pop().toLowerCase();
                if ($.inArray(ext1, ['xlsx']) == -1) {
                    alert('only ".xlsx" files are allowed');
                } else {
                    var filepath = $(fileUpload).val();
                    filepath = filepath.substring(0, filepath.lastIndexOf("\\") + 1);
                    if (filepath == $('[id*=hfFeedfileUploadPath]').val()) {
                        IsValid = true;
                    } else {
                        alert('Path does not match');

                    }
                }
            }
            return IsValid;
        }
    </script>
    <% using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
        { %>
    <input id="fileupload1" type="file" name="file1" onchange="return CompareFilePath(this)" />
    <% var FeedfileUploadPath = System.Configuration.ConfigurationManager.AppSettings["FeedfileUploadPath"];%>
    <%: Html.Hidden("hfFeedfileUploadPath", FeedfileUploadPath)%>
    <input type="submit" value="Import" />
    <br />
    <br />
    <%} %>
</div>

Hi dharmendr, Thank you for the reply.  I tried your suggested method in my existing Javascript function as below:

<div class="btn btn-default fileinput-button">
    Browse
    <input id="fileupload" type="file" name="files[]" multiple onchange="getfilename(this, 'lbTD')">
</div>

<script>      
        function getfilename(id, lstbxId) {
            
            debugger;            
            var filepath = $(id).val();
            filepath = filepath.substring(0, filepath.lastIndexOf("\\") + 1);
            var webConfigPath = $('[id*=hfFeedfileUploadPath]').val();

            if (filepath != $('[id*=hfFeedfileUploadPath]').val()) {               
                alert('Path does not match');
            }
            else
            {
                //upload file functionality
            }
</script>

In "var webConfigPath" I am getting proper path which is set in web config file. But in "var filepath = $(id).val();" why am I getting path like this: C:\fakepath\fileName.xlsx

why is this "fakepath" coming ? why not the proper location/path which I am selecting to browse the file ? Ex- C:\Users\ABC\Documents\fileName.xlsx  ?? Also, when I am trying to browse the file exactly from the same location which is set in WebConfig file, in that case also everytime I am getting this path "C:\fakepath\_TechDetail.xlsx"  File names are selecting correct but the path is not the one I am browsing. Please help why is it showing different path name ??

Please let me what is wrong in my code.

Thanks in advance.

Hi Richa,

Go to Internet Explorer, Tools, Internet Option, Security, Custom, find the "Include local directory path When uploading files to a server" and click on "Enable". This will work.

Refer the below link.

https://msdn.microsoft.com/en-us/library/ms535128%28VS.85,loband%29.aspx