当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

angular-file-saver

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者况承福

操作系统跨平台

开源组织无

适用人群未知

软件概览

Angular File Saver

Angular File Saver is an AngularJS service that leveragesFileSaver.js andBlob.js to implement the HTML5 W3CsaveAs() interface in browsers that do not natively support it

Dependencies

File dist/angular-file-saver.bundle.js contains all required dependencies andgrants access to both Blob.js and FileSaver.js polyfills via Blob andSaveAs services.

Installation

# Using bower:
$ bower install angular-file-saver

# Using npm:
$ npm install angular-file-saver

Basic usage

Include ngFileSaver module into your project;
Pass both FileSaver and Blob services as dependencies;
Create a Blob object bypassing an array with data as the first argument and an object with set of optionsas the second one: new Blob(['text'], { type: 'text/plain;charset=utf-8' });
Invoke FileSaver.saveAs with the following arguments:
- data Blob: a Blob instance;
- filename String: a custom filename (an extension is optional);
- disableAutoBOM Boolean: (optional) Disable automatically provided Unicode text encoding hints;

Demo

API

`FileSaver`

A core Angular factory.

`#saveAs(data, filename[, disableAutoBOM])`

Immediately starts saving a file

Parameters

Blob data: a Blob instance;
String filename: a custom filename (an extension is optional);
Boolean disableAutoBOM : (optional) Disable automatically provided Unicode text encoding hints;

`Blob(blobParts[, options]))`

An Angular factory that returns a Blob instance.

`SaveAs(data, filename[, disableAutoBOM])`

An Angular factory that returns a FileSaver.js polyfill.

Example

function ExampleCtrl(FileSaver, Blob) {
  var vm = this;

  vm.val = {
    text: 'Hey ho lets go!'
  };

  vm.download = function(text) {
    var data = new Blob([text], { type: 'text/plain;charset=utf-8' });
    FileSaver.saveAs(data, 'text.txt');
  };
}

angular
  .module('fileSaverExample', ['ngFileSaver'])
  .controller('ExampleCtrl', ['FileSaver', 'Blob', ExampleCtrl]);

HTML

<div class="wrapper" ng-controller="ExampleCtrl as vm">
  <textarea
    ng-model="vm.val.text"
    name="textarea" rows="5" cols="20">
      Hey ho let's go!
  </textarea>
  <a href="" class="btn btn-dark btn-small" ng-click="vm.download(vm.val.text)">
    Download
  </a>
</div>

License

使用案例

angular FileSaver、XLSX 导入导出

本文章记录了在工作过程中，文件导入导出功能的实现。需要安装和引入 import * as XLSX from 'xlsx'; import * as FileSaver from 'file-saver'; 一、文件的导出两种方式：推荐大家使用方式一，方式一比较灵活，如果导出的部分确定只是表格的话，方法二也是很方便的。方式一：页面按钮调用代码方法即可。 exportTest():void{
Angular5使用kendo下载base64文件

前言最近工作需要，从本地上传文件到服务器，同时提供下载功能到本地，，这里贴下代码，，不多说。 webapi using System; using System.Collections.Generic; using System.Diagnostics; using System.Linq; using System.Net; using System.Net.Http; using Syste
angular7 导入Excel文件

创建一个类型为file的input <a href="javascript:;"> <input type="file" [(ngModel)]="file" accept=".csv, application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetm
angular6导出Excel文件

参考： https://blog.csdn.net/qq_39252501/article/details/79656317 1. 下载依赖：file-saver和xlsx npm install file-saver --save npm install @type/file-saver --save-dev npm install xlsx --save 2. 在组件的ts文件中引入这两个
angular中分页的table导出到Excel文件

1、安装file-saver、@types/file-saver和xlsx npm install file-saver --save npm install @types/file-saver --save-dev npm install xlsx --save 2、html文件加入导出按钮 <button type="button" class="btn btn-sm btn-success
angular前端导出excel

安装模块 npm install file-saver --save npm install xlsx --save 导入模块 import * as FileSaver from 'file-saver'; import * as XLSX from 'xlsx'; 获取数据 //获取数据 exportExcel() { // 首先调接口获取需要导出的数据 let pa