如何在glyphicon中使用angular文件上传

How to use angular file upload in glyphicon?

本文关键字：angular 文件 glyphicon      更新时间：2023-09-26

我想使用bootstrap glyphicon打开本地文件，所以我试图使用这个例子https://jsfiddle.net/JeJenny/ZG9re/但它不起作用，任何想法我如何使用这种方法与图像像glyphicon ?

main.html 

<li><a href="#"><span class="glyphicon glyphicon-folder-open"><input type="file" file-model="myFile"/></span></a></li>

mainCtrl.js 

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

解决方案如下:你需要使用label，因为使用span已经过时了

小提琴

<a href="#" class="btn btn-info btn-lg">
<label class="glyphicon glyphicon-folder-open">  Browse
<input type="file" file-model="myFile" style="display: none;"/> </label></a>

同样，你也可以为上传按钮添加

相关文章：