title: is it possible to get full path for user uploaded image through input type file
body: <pre><code>  &lt;div id="image-preview"&gt;
      &lt;input type='file'  data-ng-file-select  onchange="scope.setFile(this)" id="imgInp"&gt;
          {{theFile.name}}
      &lt;img id="blah" src="{{imgeSrc}}" alt="Upload your picture" /&gt;
  
      &lt;/br&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>window.scope = $scope;
      $scope.name = 'Superhero';
  
      $scope.setFile = function (element) {
          $scope.$apply(function () {
              $scope.file = element.files[0];
              //$scope.file = (element.srcElement || element.target).files[0];
              console.log($scope.file);
  
          });
      };</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/*for image upload*/
  #image-preview {
      width: 465px;
      height: 250px;
      position: relative;
      overflow: hidden;
      background-color: #FFFFFF;
      color: #5D5E5E;
      margin-top:10px;
      border: dotted 3px #bdc3c7;
  }
  #imgInp {
      line-height: 200px;
      font-size: 200px;
      position: absolute;
      opacity: 0;
      z-index: 10;
    }
   #blah {
      position: absolute;
      z-index: 5;
      opacity: 0.8;
      cursor: pointer;
      background-color: #FFFFFF;
      width: 465px;
      height:250px;
      font-size: 20px;
      line-height: 50px;
      text-transform: uppercase;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      text-align: center;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"&gt;&lt;/script&gt;
  &lt;div id="image-preview"&gt;
   
      
      &lt;input type='file'  data-ng-file-select  onchange="scope.setFile(this)" id="imgInp"&gt;
              
      
      {{theFile.name}}
          
      
      
   &lt;img id="blah" src="{{imgeSrc}}" alt="Upload your picture" /&gt;
         
  
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>here is what i did for angular js i have my controller in that i wrote that </p>
  
  <p>now i am able to get file name but i would like to know is it possible to get full path of that image i know in php but in angularjs its some what new to me can i get any help </p>
  
  <p>i would like to preview the user uploaded image with image tag with same input tag</p>