How to use angular file upload in glyphicon?
<p>I want to open local file using bootstrap glyphicon so i am trying to use this example <a href="https://jsfiddle.net/JeJenny/ZG9re/" rel="nofollow">https://jsfiddle.net/JeJenny/ZG9re/</a> but its not working, Any idea how can i use this approach with images like glyphicon ?</p>

<p>main.html</p>

<pre><code>&lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-folder-open"&gt;&lt;input type="file" file-model="myFile"/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>mainCtrl.js</p>

<pre><code>$scope.uploadFile = function(){
            var file = $scope.myFile;
            console.log('file is ' );
            console.dir(file);
            var uploadUrl = "/fileUpload";
            fileUpload.uploadFileToUrl(file, uploadUrl);
        };
</code></pre>