Uploading Multiple Large Images (≈130 MB total) via REST API to FileRepository

Thanks ​@nmutter for your reply. I have prepared two rest APIs to send the image file into fileRepository

SaveImage Service: This service expects Base64 image in order to save it into file repository which is not that ideal.

process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
const fs = require("fs");
const axios = require("axios");
const username = "username";
const password = "password";



const url = "https://server.com:8443/Thingworx/Things/test.FileRepository.Connector/Services/SaveImage";



async function uploadImage() {
    try {
        // Read image file
        const fileBuffer = fs.readFileSync("C:/Users/23442/Desktop/images.jpg");

        // Convert to Base64
        const base64Image = fileBuffer.toString("base64");

        // Prepare JSON body
        const payload = {
            path: "/TestingAPIImage/nodeImage.jpg",
            content: base64Image
        };


        const response = await axios.post(url, payload, {
            headers: {
                "Accept": "application/json",
                "Content-Type": "application/json"

            },
             auth: {
                username: username,
                password: password
            }
        });

        console.log("Status:", response.status);
        console.log("Response:", response.data);

    } catch (error) {
        if (error.response && error.response.data) {
    console.error("Error:", error.response.data);
} else {
    console.error("Error:", error.message);
}
    }
}

uploadImage();

FileRepositoryUploader: Which you have suggested is better because it uses multipart / form-data and store the file into File Repository

process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
const axios = require("axios");
const fs = require("fs");
const FormData = require("form-data");

const username = "username";
const password = "password";

const TWXURL = "https://server.com:8443/Thingworx";
const uploadUrl = `${TWXURL}/FileRepositoryUploader`;

async function uploadFile() {
  try {
    const form = new FormData();

    form.append("upload-repository", "Test.FileRepository");
    form.append("upload-path", "TestingAPIImage");
    form.append("upload-submit", "Upload");

    form.append("file", fs.createReadStream("C:/Users/4555/Desktop/images.zip"), {
      filename: "/nodeImage.zip",
      contentType: "image/jpeg"
    });

    const response = await axios.post(uploadUrl, form, {
      headers: {
        ...form.getHeaders(),
        Accept: "application/json",
        "X-XSRF-TOKEN" : "TWX-XSRF-TOKEN-VALUE"
      },
      auth: {
        username,
        password
      },
      maxBodyLength: Infinity,
      maxContentLength: Infinity
    });

    console.log("Status:", response.status);
    console.log("Response:", response.data);
  } catch (error) {
     if (error.response && error.response.data) {
    console.error("Error:", error.response.data);
} else {
    console.error("Error:", error.message);
}
  }
}

uploadFile();

So, these both services are working. Now i would confirm it with a customer that how he would send an images to our system. The plan is to send 6 images per request but if they wants to send 6 images then i would expect one zip file and if he sends one image then it would be fine too. 

If it would be zip file then i have to call another service also which would do unzip the file after being uploaded. I would do this manually like when i get status 200 then i would run another service to do unzip the files. would that be okay? 

Another Question: When i send a file bigger then 50 MB via SaveImage API then i get an error of limit which is good  to know that there is a limit but when i send a file bigger then 50 MB via FileUpload  then it keeps trying to fulfill the request but i get no error and then i have to stop it myself because it does not work even though i have waited 5 minutes. any idea about this behaviour?

and generally is it ok to send the data file via rest api which has size of around 130 MB? 

can you upload the same image via the compose filerepo-view (which uses the same service in the background). and see if this is faster? if it’s faster something with your manual request is off I guess