angular：上传视频，音频，doc文件

Question

我正在使用angular 6开发前端应用程序，我也想上传视频，音频和文档文件而不是图像，我尝试了很多解决方案，但没有帮助

现在我只能上传图片，但我的文章可以包含视频，音频或 文件

article.component.html

unknown registry: Tortoise.Registry

article.component.ts

Tortoise.Supervisor.start_child

appContent.service.ts ：

defmodule Mqtt.Begin do
require Tortoise
def start do

opts = [strategy: :one_for_one, name: Mqtt.Begin]
  {:ok, pid} = Tortoise.Supervisor.start_link(opts)

      {:ok, _} =
    Tortoise.Supervisor.start_child(Mqtt.Begin, [
      client_id: :a,
      handler: {Mqtt.Handler, [name: :a]},
      server: {Tortoise.Transport.Tcp, host: 'localhost', port: 1883},
      subscriptions: [{"share/share-group/bar", 0}] ])

但是我的控制台出现此错误，听起来好像无法加载，请看下面的图片

有时候我也得到这个：

任何人都可以帮助我，我花了很多天时间寻找解决方案

Answer 1

问题是因为您使用的是ngx-image-uploader，根据npm ngx-image-uploader，该<input>仅用于上传图像。

相反，您可以按如下方式使用html <input type="file" accept="video/mp4,image/png,image/jpeg" (upload)="onUpload($event)" formControlName="image" /> 标签

onUpload($event)

更多参考：HTML Input Tag Attributes

视频/图像上传后，将触发event.target.value，然后使用import { trigger, state, style, animate, transition, keyframes } from '@angular/animations'; // not @angular/core 获取base64图像或链接