Question

我想使用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);
        };

Answer 1

这是解决方案。您需要使用标签，因为使用跨度已过时

Fiddle

<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>

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

如何在glyphicon中使用角度文件上传？

1 个答案: