AngularJS 大文件上传 angularQFileUpload

码农软件 · 软件分类 · AngularJS 扩展 · 2019-03-16 17:56:37

软件介绍

angularQFileUpload 是一个 AngularJS 扩展,实现了通过七牛云储存上传大文件的服务,支持恢复、进度等功能。

示例代码:

$scope.selectFiles = [];

var start = function (index) {
    $scope.selectFiles[index].progress = {
        p: 0
    };
    $scope.selectFiles[index].upload = $qupload.upload({
        key: '<your qiniu file key>',
        file: $scope.selectFiles[index].file,
        token: '<your qiniu UpToken>'
    });
    $scope.selectFiles[index].upload.then(function (response) {
        // upload success
        $log.info(response);
    }, function (response) {
        // upload failure
        $log.info(response);
    }, function (evt) {
        // progress
        $scope.selectFiles[index].progress.p = Math.floor(100 * evt.loaded / evt.totalSize);
    });
};

$scope.abort = function (index) {
    $scope.selectFiles[index].upload.abort();
    $scope.selectFiles.splice(index, 1);
};

$scope.onFileSelect = function ($files) {
    var offsetx = $scope.selectFiles.length;
    for (var i = 0; i < $files.length; i++) {
        $scope.selectFiles[i + offsetx] = {
            file: $files[i]
        };
        start(i + offsetx);
    }
};

本文地址:https://www.codercto.com/soft/d/1491.html

秩序之美

秩序之美

Vinh / 人民邮电 / 2011-5 / 35.00元

怎样才能设计出简洁大方而不落于俗套的超人气网站?纽约时报网站的资深设计师Khoi Vinh在这《秩序之美——网页中的网格设计》一书中将为你揭示其中的奥秘。   《秩序之美——网页中的网格设计》将源自传统平面设计、被众多平面设计大师推崇的网格设计方法应用于网页设计,向读者详细介绍了网格设计成熟而经典的设计模式,并以整个网站的设计为例,对工作流程、设计工具和方法进行了系统而全面的介绍,手把手教读......一起来看看 《秩序之美》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

随机密码生成器
随机密码生成器

多种字符组合密码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具