javascript - 在 Angular 中将图像转换为文件类型

Question

我正在修改 Angular typescript 中的方法 a，它使用文件类型的输入元素上传图像，并且在方法事件中传递。我必须修改一个方法，因为现在没有输入元素，我的 Angular 项目的 Assets 文件夹中有一个图像文件。所以现在我不想篡改以前写的代码:

loadImages(event) {
const files = event.target.files;
if (this.CheckFileName(files[0].name) && this.CheckFileSize(files[0].size)) {
  let imageList = [];
  const fileList: Array<File> = Array.from(files);
  fileList.sort((a, b) => {
    if (a.name > b.name)
      return 1;
    if (b.name > a.name)
      return -1;
    return 0;
  })
}

现在我希望我的文件来自“../../assets/images/0001.png”。我如何通过从给定路径读取我的图像文件并将其转换为文件类型来实现相同的目的。

Answer 1

您可以使用获取图像然后将其转换为 File 对象。

您需要返回一个 Observable 而不是直接返回值。

getImage() {
  return this.http
    .get("https://picsum.photos/id/34/200/300", {
      responseType: "arraybuffer"
   })
    .pipe(
      map(response => {
        return new File([response], "myImage.png");
      })
    );
}

您可以查看工作演示 here .