fix files uploading

src/backend/controllers/transport.ts

@@ -34,7 +34,7 @@ class Transport {
    * @returns {Promise<FileData>}
    */
   public static async save(multerData: Dict, map: Dict): Promise<FileData> {
-    const { originalname: name, path, filename, size, mimetype } = multerData;
+    const { originalname: name, path, filename, size, mimetype, url } = multerData;
 
     const file = new File({
       name,
@@ -42,12 +42,15 @@ class Transport {
       path,
       size,
       mimetype,
+      url,
     });
 
     await file.save();
 
     let response = file.data;
 
+    console.log(file)
+
     if (map) {
       response = Transport.composeResponse(file, map);
     }
@@ -95,6 +98,8 @@ class Transport {
 
     let response = file.data;
 
+    console.log(response)
+
     if (map) {
       response = Transport.composeResponse(file, map);
     }

src/backend/models/file.ts

@@ -10,6 +10,7 @@ const filesDb = database['files'];
  * @property {string} filename - name of uploaded file
  * @property {string} path - path to uploaded file
  * @property {string} mimetype - file MIME type
+ * @property {string} url - file url
  * @property {number} size - size of the file in
  */
 export interface FileData {
@@ -18,6 +19,7 @@ export interface FileData {
   filename?: string;
   path?: string;
   mimetype?: string;
+  url?: string;
   size?: number;
   [key: string]: string | number | undefined;
 }
@@ -40,6 +42,7 @@ class File {
   public path?: string;
   public mimetype?: string;
   public size?: number;
+  public url?: string;
 
   /**
    * @class
@@ -99,13 +102,14 @@ class File {
    * @param {FileData} fileData - info about file
    */
   public set data(fileData: FileData) {
-    const { name, filename, path, mimetype, size } = fileData;
+    const { name, filename, path, mimetype, size, url } = fileData;
 
     this.name = name || this.name;
     this.filename = filename || this.filename;
     this.path = path ? this.processPath(path) : this.path;
     this.mimetype = mimetype || this.mimetype;
     this.size = size || this.size;
+    this.url = url || this.url;
   }
 
   /**
@@ -121,6 +125,7 @@ class File {
       path: this.path,
       mimetype: this.mimetype,
       size: this.size,
+      url: this.url,
     };
   }
 

src/backend/routes/api/transport.ts

@@ -77,10 +77,17 @@ router.post('/transport/image', imageUploader, async (req: Request, res: Respons
     return;
   }
 
+  const fileData = {
+    ...req.files.image[0],
+    url: '/uploads/' + req.files.image[0].filename,
+  };
+
+  console.log(fileData);
+
   try {
     Object.assign(
       response,
-      await Transport.save(req.files.image[0], req.body.map ? JSON.parse(req.body.map) : undefined)
+      await Transport.save(fileData, req.body.map ? JSON.parse(req.body.map) : undefined)
     );
 
     response.success = 1;

src/frontend/js/classes/editor.js

@@ -55,7 +55,7 @@ export default class Editor {
             },
             additionalRequestData: {
               map: JSON.stringify({
-                path: 'file:url',
+                url: 'file:url',
                 size: 'file:size',
                 mimetype: 'file:mime',
               }),