无法使用 ngx-awesome-uploader 重命名文件

Question

我正在使用 https://www.npmjs.com/package/@sleiss/ngx-awesome-uploader，但我找不到在上传前重命名文件的方法。

查了方法，好像有none.

我可以在适配器中重命名文件，它使用新名称上传，但在文件列表中它仍然是旧名称。因此，当我尝试删除它时，它会查找具有旧名称的文件。

有没有办法重命名文件并使其可用于文件列表？

谢谢！

Answer 1

我想我明白了。鉴于此适配器...

import { AngularFireStorage } from "@angular/fire/storage";
import { FilePickerAdapter, FilePreviewModel, UploadResponse, UploadStatus } from "ngx-awesome-uploader";
import { from, Observable, of } from "rxjs";
import { catchError, map } from "rxjs/operators";
import { Uuid } from "../externalLibraries/uuid/uuid";

export class FirebaseStorageFilePickerAdapter extends FilePickerAdapter {
    constructor(
        private firebaseStorage: AngularFireStorage
    ) {
        super();
    }

    uploadFile(fileItem: FilePreviewModel): Observable<UploadResponse> {
        const file = fileItem.file;
        const path = `public/${Uuid.generateUUID()}.${fileItem.fileName.split('.')[1]}`;
        const ref = this.firebaseStorage.ref(path);
        return from(this.firebaseStorage.upload(path, file, {
            contentType: fileItem.file.type
        })).pipe(
            map((response) => {
                let returnedResponse: UploadResponse;
                switch (response.state.toLowerCase()) {
                    case 'canceled':
                    case 'error':
                    case 'paused':
                        returnedResponse = {
                            status: UploadStatus.ERROR,
                        };
                        break;

                    case 'success':
                        returnedResponse = {
                            status: UploadStatus.UPLOADED,
                            body: response.metadata,
                            progress: 100
                        }
                        break;

                    default:
                        returnedResponse = {
                            status: UploadStatus.IN_PROGRESS,
                            body: response.metadata,
                            progress: (response.bytesTransferred / response.totalBytes) * 100
                        }
                        break;
                }
                return returnedResponse;
            }),
            catchError((err, caught) => {
                console.error(err)
                return of({ status: UploadStatus.ERROR })
            })
        );
    }

    removeFile(fileItem: FilePreviewModel): Observable<any> {
        return this.firebaseStorage.ref(fileItem.uploadResponse.fullPath).delete();
    }
}

我的问题是在尝试删除文件时使用 public/${fileItem.filename}，但文件不存在。但是，新名称出现在 uploadResponse 对象中，所以现在我从 fileItem.uploadResponse.fullPath

获得了完整路径

无法使用 ngx-awesome-uploader 重命名文件

Cannot rename file with ngx-awesome-uploader

javascript

npm

angular