img upload

package.json

@@ -17,6 +17,7 @@
     "@strapi/provider-email-nodemailer": "^4.3.8",
     "@strapi/provider-upload-aws-s3": "^4.3.9",
     "@strapi/strapi": "4.3.6",
+    "@strapi/utils": "^4.24.3",
     "better-sqlite3": "7.4.6",
     "csv-parse": "^5.5.5",
     "mysql": "^2.18.1",

src/api/experience/controllers/experience.js

@@ -56,6 +56,17 @@ module.exports = createCoreController("api::experience.experience", () => ({
         "Activity with the same name already exists, please rename the activity."
       );
     }
+    let finalImageArray = [];
+    for (
+      let index = 0;
+      index < ctx.request.body.data.imagesComponent.length;
+      index++
+    ) {
+      const element = ctx.request.body.data.imagesComponent[index];
+      finalImageArray = [...finalImageArray, { image: element }];
+    }
+
+    ctx.request.body.data.imagesComponent;
     // Create Activity
     const activity = await strapi.entityService.create(
       "api::experience.experience",
@@ -92,7 +103,7 @@ module.exports = createCoreController("api::experience.experience", () => ({
           contactPersonForBooking:
             ctx.request.body.data.contactPersonForBooking,
           approved: ctx.request.body.data.approved,
-          imagesComponent: ctx.request.body.data.imagesArrayComponent,
+          imagesComponent: finalImageArray,
           ...ctx.request.body.data.daysBoolean,
         },
       }

src/api/test/content-types/test/schema.json

@@ -4,7 +4,8 @@
   "info": {
     "singularName": "test",
     "pluralName": "tests",
-    "displayName": "test"
+    "displayName": "test",
+    "description": ""
   },
   "options": {
     "draftAndPublish": true
@@ -15,14 +16,21 @@
       "type": "string"
     },
     "images": {
+      "type": "media",
+      "multiple": true,
+      "required": false,
       "allowedTypes": [
         "images",
         "files",
         "videos",
         "audios"
-      ],
-      "type": "media",
-      "multiple": true
+      ]
+    },
+    "imgComponent": {
+      "displayName": "imgComponent",
+      "type": "component",
+      "repeatable": true,
+      "component": "img-component.img-component"
     }
   }
 }

src/api/test/controllers/test.js

-'use strict';
+"use strict";
 
 /**
  * test controller
  */
 
-const { createCoreController } = require('@strapi/strapi').factories;
+const { createCoreController } = require("@strapi/strapi").factories;
+const { parseMultipartData, sanitizeEntity } = require("@strapi/utils");
 
-module.exports = createCoreController('api::test.test');
+module.exports = createCoreController("api::test.test", () => ({
+  async create(ctx) {
+    let entity;
+
+    if (ctx.request.is("multipart/form-data")) {
+      const { body: data, files } = ctx.request;
+      console.log("Data:", data);
+      console.log("Files:", files);
+
+      // Ensure imgComponent structure
+      if (data.imgComponent && Array.isArray(data.imgComponent)) {
+        data.imgComponent = data.imgComponent.map((item, index) => ({
+          ...item,
+          image: files[`imgComponent[${index}].image`], // Ensure correct structure
+        }));
+      }
+      console.log("final", data.data, files);
+      try {
+        entity = await strapi.entityService.create("api::test.test", {
+          data,
+          files,
+        });
+        console.log("entity, ", entity);
+        return ctx.send({ payload: entity, success: true });
+      } catch (error) {
+        console.error(error);
+        ctx.throw(500, error.message);
+      }
+    } else {
+      ctx.throw(400, "Request must be multipart/form-data");
+    }
+  },
+}));

src/components/images/images.json

@@ -7,8 +7,15 @@
   },
   "options": {},
   "attributes": {
-    "imageUrl": {
-      "type": "string"
+    "image": {
+      "allowedTypes": [
+        "images",
+        "files",
+        "videos",
+        "audios"
+      ],
+      "type": "media",
+      "multiple": false
     }
   }
 }

src/components/img-component/img-component.json

+{
+  "collectionName": "components_img_component_img_components",
+  "info": {
+    "displayName": "imgComponent"
+  },
+  "options": {},
+  "attributes": {
+    "image": {
+      "allowedTypes": [
+        "images",
+        "files",
+        "videos",
+        "audios"
+      ],
+      "type": "media",
+      "multiple": false
+    }
+  }
+}