Question

HTML是写在要获取文件名的位置，但是我想摆脱文件扩展名，并且也将文件存储在数组中并在UI中访问它们。

SigUpComponent

打字稿文件是这样写的。由于我是Angular 6的新手，所以非常感谢您的帮助，

<div class="myReadingListContainer">
        <div class="readingList">
                My Reading List
        </div>
        <div class="myReadingList">
                <div class="uploadWrap">
                        <input type="file" #file (change)="onChange(file.files)" class="fileUploadInput" />
                        <div class="innerText">
                                <img src="assets/img/my_reading_list/Add.svg" class="addIcon">
                                <h6 class="addFile">Add Files</h6>
                        </div>
                </div>
                <div *ngFor="let file of fileList">
                        <div class="selectedFile">
                                <div class="documentName">
                                        {{file.name}}
                                </div>
                                <span *ngIf="file.type === 'application/pdf'">
                                        <img src="assets/img/my_reading_list/PDF.svg" class="fileTypeImage">
                                </span>
                                <span *ngIf="file.type === 'application/vnd.ms-excel'">
                                        <img src="assets/img/my_reading_list/Excel.svg" class="fileTypeImage">
                                </span>
                                <div class="readingStatus">
                                        20/35 Pages
                                </div>
                                <div class="progress">
                                        <div class="progressBar"></div>
                                </div>
                        </div>
                </div>
        </div>
</div>

Answer 1

以下是在每个fileList.name中显示时删除文件扩展名的示例代码

<div class="documentName">
    {{file.name.split('.').slice(0, -1).join('.')}}
</div>

Demo相同

删除每个文件的文件扩展名angular 6

1 个答案: