Question

我正在开发需要图像上传和检索的应用程序的客户端。我现在不使用任何服务器端代码，但是出于测试目的，我想使用表单上传图像文件并将其存储到在angular项目目录的assets / image文件夹中，我找不到如何将图像存储到angular自己的目录的示例，大多数在线示例使用服务器端代码来实现。我需要一个示例，将从表单接收到的图像保存到angular项目自己的目录中。感谢

Answer 1

这里你可以在angular（客户端）端使用这段代码模板；

<input type="file"title="Select file" name="file"/>

<button class="btn btn-info btn-sm" (click)="uploadFile()"></button>

但是您需要在服务器站点提供服务来完成此文件上传请求。

例如：NodeJS&Express
您可以使用 multer 包作为服务来完成文件上传请求；这是一个给出想法的例子;

 const storage = multer.diskStorage({
      destination: UPLOAD_DIR
      filename: file_id;
      }
    });

   const fileMulterUpload = multer({ storage: storage }).single('imageFile');
   const router = express.Router(); 
   router.route('/file_upload_service_url/:id').put(fileMulterUpload,file.fileOnSaved);

如何以角度将图像存储到资产/图像文件夹？

1 个答案: