Question

我有2个上传字段，一个是通过上传，另一个是输入字段，通过它可以上传视频或提供链接。我的视频上传和编辑工作正常。但是当我来提供链接时，我点击更改按钮，它会打开一个文件夹来上传视频。但是当我提供链接并点击添加按钮时，我想要接受请求。任何人都可以帮我解决这个问题。

HTML：

<p class="inputimg" [ngClass]="{'video': selectedImage =='video'}">
        <input type="file" name="{{media._id}}[i]" id="{{media._id}}[i]" class="inputfile" (change)="editPinImage($event,media)" style='display: none;' />
        <label *ngIf="media._id" for="{{media._id}}[i]" class="img_change">Change</label>
        <label *ngIf="!media._id" for="{{media._id}}[i]" class="img_change">Add</label>
      </p>
      <div class = "type-video"  [hidden]= "selectedImage !='video'" >
      <span style="margin-left: 12%;">or </span>
      <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
      </div>

Answer 1

由于您在谈论媒体，因此您可以使用media.id或您的字段处于*ngIf条件的任何内容。

因此，您的HTML可能类似于：

<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="media.id">
   <span style="margin-left: 12%;">Change</span>
   <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>
<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="!media.id">
   <span style="margin-left: 12%;">Add</span>
   <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>

如何通过angular2中的链接发送基于视频上传的放置请求

1 个答案: