title: get the url of the selected file from input file html/angularjs
body: <p>I am creating a web app in mvc-5 with <code>angularjs</code></p>
  
  <p>here I have the following div</p>
  
  <pre><code>&lt;div class="row form-clearify" style="margin-top:3px;"&gt;
      &lt;div class="col-md-6 col-sm-6 col-xs-12" style="background-color:whitesmoke;"&gt;
         &lt;label&gt;Upload Your Photo&lt;/label&gt;
         &lt;input type="file" ng-model="mdphoto" class="form-control" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row form-clearify" style="margin-top:3px;"&gt;
      &lt;div class="col-md-6 col-sm-6 col-xs-12" style="background-color:whitesmoke;"&gt;
          &lt;label&gt;Login Id&lt;/label&gt;
          &lt;input type="text" class="form-control" ng-change="filepath()" ng-model="mdlogin" /&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>this is my div</p>
  
  <pre><code>&lt;input type="file" ng-model="mdphoto" class="form-control" /&gt;
  </code></pre>
  
  <p>this input field will open my file dialogue and on ng-change="filepath()" id did the following coding</p>
  
  <pre><code>$scope.filepath = function () {
              console.log($scope.mdphoto);
          }
  </code></pre>
  
  <p>I am printing the data which is coming from my file dialogue(I want url of the files)</p>
  
  <p>but undefined is printing on my web page(console)</p>
  
  <p>what I need to do is,
  I want file path of the selected file(with filename)</p>