图片不显示素材卡

Question

我想在我的项目中显示个人资料图片。但图像不显示，它显示替代词。

    <div class="row">
      <div class="col-md-4 col-6">
        <mat-card class="example-card">
          <img mat-card-image src="..\assets\images\signupbg.jpg" alt="Avatar" class="avatar">
          <mat-card-header>
            <div style="text-align:center;">
              <mat-card-title>Samanthika Rajapaksa</mat-card-title>
              <mat-card-subtitle>University of Moratuwa</mat-card-subtitle>
            </div>
          </mat-card-header>
          <mat-card-content>
            <mat-chip-list aria-label="Languages">
              <mat-chip color="primary" selected>Networking</mat-chip>
              <mat-chip color="primary" selected>Angular</mat-chip>
              <mat-chip color="primary" selected>Aws</mat-chip>
              <mat-chip color="primary" selected>Spring Boot</mat-chip>
              <mat-chip color="primary" selected>My SQL</mat-chip>
            </mat-chip-list>
          </mat-card-content>
        </mat-card>
      </div>
    </div>
    </div>

Answer 1

我认为问题在于路径写入方式。尝试如下。

<img mat-card-image src="assets/images/signupbg.jpg" alt="Avatar" class="avatar">

假设您的assets 文件夹位于src 文件夹内。