## Environment ### OS elementary OS 5.0 Juno ### Angular ```bash Angular CLI: 8.3.12 Node: 12.12.0 OS: linux x64 Angular: 8.0.1 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router Package Version ----------------------------------------------------------- @angular-devkit/architect 0.800.3 @angular-devkit/build-angular 0.800.3 @angular-devkit/build-optimizer 0.800.3 @angular-devkit/build-webpack 0.800.3 @angular-devkit/core 8.0.3 @angular-devkit/schematics 8.3.12 @angular/cdk 8.1.1 @angular/cli 8.3.12 @angular/flex-layout 8.0.0-beta.26 @angular/material 8.1.1 @ngtools/webpack 8.0.3 @schematics/angular 8.3.12 @schematics/update 0.803.12 rxjs 6.4.0 typescript 3.4.5 webpack 4.30.0 ``` ### Browser Chrome Version 77.0.3865.120 (Official Build) (64-bit) ## html template ```html ``` ## controller ts ```typescript import { Component } from "@angular/core"; import { UploaderService } from "./uploader.service"; import { global } from "../global"; import { md5 } from "./md5"; @Component({ selector: "app-uploader", templateUrl: "./uploader.component.html", providers: [UploaderService] }) export class UploaderComponent { message: string = "Please upload an .arff file!"; constructor(private uploaderService: UploaderService) {} userID: string = null; onPicked(input: HTMLInputElement) { const file = input.files[0]; if (file) { const fileMD5 = md5(file); console.log("File MD5" + fileMD5); let fileExtension = file.name.split(".").pop(); // console.log(fileExtension); if (fileExtension != "arff" && fileExtension != "ARFF") { this.message = "File error! Please provide a valid arff file!"; console.error("File extension error!"); } else { this.uploaderService.upload(file).subscribe(msg => { input.value = null; this.message = msg; this.userID = global.userID; }); } } } } ``` ``` UploaderComponent.html:12 ERROR TypeError: string.replace is not a function at Utf8Encode (md5.ts:102) at md5 (md5.ts:144) at UploaderComponent.onPicked (uploader.component.ts:18) at Object.eval [as handleEvent] (UploaderComponent.html:17) at handleEvent (core.js:34789) at callWithDebugContext (core.js:36407) at Object.debugHandleEvent [as handleEvent] (core.js:36043) at dispatchEvent (core.js:22533) at core.js:33721 at HTMLInputElement. (platform-browser.js:1789) ```

GitHub Explorer

angular2-quickstart

Score Breakdown

Production Dependencies (7)

Production Dependencies (7)

Development Dependencies (4)

Issues Activity: Last 6 months

Hottest Issues