javascript - 如何在 glyphicon 中使用 Angular 文件上传？

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

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

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>

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