[英]download file with blob in angular
我是 angular 新手,我必须向应用程序添加一个按钮,因此当我单击时,它应该开始下载已记录的文件。
我有这个代码
var _RecordStopCallback = function(blob){
if (!blob && blob.length==0){
$scope.isRecorded = false;
return;
}
$scope.recordObj.recordedData = blob;
const url = URL.createObjectURL(blob);
var el = $("#downloads").html("");
var hf = $("<a></a>");
hf.attr({
src:url,
href:url,
download:$scope.recordFilename
}).html($scope.recordFilename);
hf.appendTo(el);
$scope.isStoping = false;
$scope.recordStatus = false;
$scope.isRecorded = true;
$scope.recordStatusText = "Start";
$scope.streamError = "";
_changeStatusText();
$scope.$apply();
$scope.saveProcess();
在 HTML 文件中:
<div ng-show="isRecorded" class="color-info"> Recorded File : <span id='downloads'></span>
<button ng-click="{{recordFilename}}" class="btn-circle btn-circle-default">
<i class="zmdi zmdi-download"></i></button>
这一行:
<span id='downloads'></span>
显示重新编码的文件名并将其作为链接,所以当你点击它时你可以直接下载它,但我不知道如何让按钮做同样的事情?
任何帮助,将不胜感激!
您可以为被点击的按钮注册一个回调,然后您可以创建您在问题中显示的相同链接,将其设置为隐藏样式,将其插入到 DOM 中并在其上调用.click()
。 需要插入到 DOM 中,否则某些浏览器将不会开始下载。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.