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

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>