作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试通过base64上传图像,并将图像上传到本地文件夹中。但将其绑定(bind)到 Angular 一侧后,无法访问这些图像。因为我正在研究 Angular-cli,所以我的组件代码是 -此代码用于在从 UI 浏览图像后在后端发送 base64 字符串 -
base64:any;
url:any;
files : FileList;
onSelectFile(event:any){
console.log("onSelectFile",event);
this.files = event.target.files;
console.log(this.files,"this.files");
if (event.target.files && event.target.files[0]) {
var reader = new FileReader();
this.currentFileUpload = this.files.item(0);
reader.readAsDataURL(event.target.files[0])
reader.onload = (event:any) => {
this.base64 = event.target.result;
console.log(this.base64, this.url,"this.url......");
}
}
由于我在后端使用 Restful Web 服务,因此我将 Base64 字符串转换为字节数组并将图像存储在本地文件夹中。作为回应,我得到了图像的名称。下面是响应代码 -
getDataById(profileId: any) {
this.user.getDataById(profileId).subscribe((response: any) => {
this.data = response;
this.url ="/home/aartek/Desktop/images"+this.data.profileImage;
console.log(this.url);
})
}
我的 HTML 代码是 -
<img [src]="url" height="150" width="150" class="img-circle mt20 ml-20">
在此 HTML 代码中,我尝试从上面在 getDataById 函数中给出的本地文件夹路径访问图像。
我收到此错误:-
http://localhost:4200/home/aartek/Desktop/imagesMoon_merged_small.jpg 404 (Not Found)
最佳答案
关于java - 如何在 Angular-cli 中访问项目文件夹中本地文件夹的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50390304/
我是一名优秀的程序员,十分优秀!