AngularJS 大文件上傳:angularQFileUpload

jopen 9年前發布 | 61K 次閱讀 文件上傳 angularQFileUpload

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);
    }
};

項目主頁:http://www.baiduhome.net/lib/view/home/1434778386567

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!