我有一个 Angular 7 应用程序,我可以在其中为用户创建配置文件。我需要添加一个pdf文件(可选(以及用户的其他凭据。 我在这个项目中使用Angular 7,.net框架和mongoDB
这是我到目前为止所做的: .HTML:
<label class="secondary-text" style="float: left;"> Add Attachment </label>
<input type="file" hidden #fileUpload (change)="getFileUrl($event)" />
<mat-icon class="secondary-text pointer" (click)="fileUpload.click()" style="float: left;"> attach_file </mat-icon>
.JS:
getFileUrl(event) {
var file = event.target.files[0];
var myReader: FileReader = new FileReader();
myReader.onloadend = (e) => {
let res = myReader.result;
let formData = new FormData();
formData.append("formFile", file);
}
myReader.readAsArrayBuffer(file);
}
有两种方法可以管理这种情况。
选项 1:
您可以使用文件读写功能在服务器端的任何项目文件夹中上传文件。
然后,您需要重命名文件并附加时间戳,只需在 db 中添加该文件名条目即可。当您需要文件时,您可以从文件夹中读取/获取文件。
选项 2:
只需将文件上传到云(如 Amazon S3(并将文件名存储在数据库中即可。当您需要它时,只需传递URL/链接,即可获得文件。
var reader = new FileReader();
reader.onload = function (e) {
//get all content
console.log('Sending file...');
var buffer = e.target.result;
bufferdata = buffer;
console.log('file send');
};
reader.readAsArrayBuffer(file);