how to return image url instead of file path
<p>I am facing an issue when showing uploaded image in browser. 
I get error </p>

<blockquote>
  <p>Not allowed to load local resource:
  file:///C:/Office%20Data/dummy/AngularJSAuthentication-master/MyCars/MyCar.API/App_Data/Images/p7.jpeg%20alt=</p>
</blockquote>

<p>I wrote the following line of code to store image on server under App_data.</p>

<pre><code>File.Path = Url.Content(string.Format("{0}/{1}", System.Web.HttpContext.Current.Server.MapPath("~/App_Data/Images"), fileName));
</code></pre>

<p>File path saved in DB as following</p>

<pre><code>file:///C:/Sample%20Data/dummy/AngularJSAuthentication-master/MyCars/MyCar.API/App_Data/Images/p7.jpeg
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;img ng-src="{{motor.FileUploads[0].Path}} alt="Description" /&gt;
</code></pre>

<p>After googling i got the reason for this error. </p>

<pre><code>Basically i need to return back Image URL instead of file path.
</code></pre>

<p><strong>Problem:</strong>
I am not sure how i can return image path back to angular client.</p>

<p>Can someone guide me on it.</p>