Unable to get property of 0 or undefined - javascript

See more:

Javascript

image

HTML5

Dear All,

I am trying to develop a functionality that selects an image from local folder and then user can preview it before uploading.

I have achieved the functionality using html input tag and applying javaScript, the functionality works fine on localhost but when I try to deploy it to the SIT server, I get the following error,

Unable to get property of 0 or Undefined.

I am using input tag as follows,

<input type = "file" id="doc" onchange = "LoadImage(this);"/>

and in my JavaScript,

function LoadImage(input){
var files = input.files[0]; //getting error here only in SIT

}

The above functionality works absolutely fine in my LocalHost but having issues that are over my head in SIT. Someone please help.

What I have tried:

I have tried many things to take the input of an image but everything does not work on SIT