3.2 KiB

Raw Blame History

id	title	challengeType	forumTopicId	dashedName
bd7158d8c443edefaeb5bd0f	Datei-Metadaten-Microservice	4	301506	file-metadata-microservice

--description--

Erstelle eine vollständige JavaScript-Anwendung, die eine ähnliche Funktionalität wie https://file-metadata-microservice.freecodecamp.rocks aufweist. Bei der Arbeit an diesem Projekt musst du deinen Code mit einer der folgenden Methoden schreiben:

Klone dieses GitHub Repo und schließe dein Projekt lokal ab.
Benutze unser Replit Starter Projekt, um dein Projekt fertigzustellen.
Verwende einen Site-Builder deiner Wahl, um das Projekt fertigzustellen. Achte darauf, alle Dateien aus unserem GitHub Repo zu integrieren.

If you use Replit, follow these steps to set up the project:

Start by importing the project on Replit.
Next, you will see a .replit window.
Select Use run command and click the Done button.

When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the Solution Link field. Optionally, also submit a link to your project's source code in the GitHub Link field.

--instructions--

HINT: You can use the multer npm package to handle file uploading.

--hints--

You should provide your own project, not the example URL.

(getUserInput) => {
  assert(
    !/.*\/file-metadata-microservice\.freecodecamp\.rocks/.test(
      getUserInput('url')
    )
  );
};

You can submit a form that includes a file upload.

async (getUserInput) => {
  const site = await fetch(getUserInput('url'));
  const data = await site.text();
  const doc = new DOMParser().parseFromString(data, 'text/html');
  assert(doc.querySelector('input[type="file"]'));
};

The form file input field has the name attribute set to upfile.

async (getUserInput) => {
  const site = await fetch(getUserInput('url'));
  const data = await site.text();
  const doc = new DOMParser().parseFromString(data, 'text/html');
  assert(doc.querySelector('input[name="upfile"]'));
};

When you submit a file, you receive the file name, type, and size in bytes within the JSON response.

async (getUserInput) => {
  const formData = new FormData();
  const fileData = await fetch(
    'https://cdn.freecodecamp.org/weather-icons/01d.png'
  );
  const file = await fileData.blob();
  formData.append('upfile', file, 'icon');
  const data = await fetch(getUserInput('url') + '/api/fileanalyse', {
    method: 'POST',
    body: formData
  });
  const parsed = await data.json();
  assert.property(parsed, 'size');
  assert.equal(parsed.name, 'icon');
  assert.equal(parsed.type, 'image/png');
};

--solutions--

/**
  Backend challenges don't need solutions, 
  because they would need to be tested against a full working project. 
  Please check our contributing guidelines to learn more.
*/

3.2 KiB Raw Blame History

--description--

--instructions--

--hints--

--solutions--

3.2 KiB

Raw Blame History