How to display uploaded image using path in angularJS and MVC?
<p>I have uploaded an image using AngularJs on a particular path. Now I want to display uploaded <em>Single</em> image  in a div from that path.</p>

<p>Please help me to know how to display uploaded image?</p>

<p>In my AngularJs Controller:</p>

<pre><code>$scope.uploadUrl = function () {
    var url = "~/uploads";
}
</code></pre>

<p>And in view;</p>

<pre><code>    &lt;div ng-controller="FileUploadController"&gt;
    &lt;input type="file" name="myFile" file-upload/&gt;
    &lt;button ng-click="uploadFile()"&gt;Upload&lt;/button&gt;
    &lt;div&gt;

    &lt;div&gt;
        &lt;img src="http://{{uploadUrl}}"/&gt;
        &lt;img ng-src="http://{{uploadUrl}}"/&gt;
    &lt;/div&gt;
</code></pre>

<p>I want to display image on click of upload button so that it could display image after uploading.</p>