What is the best way to pass the value of a selected option to an express server

Question

What is the best way to pass the value of a selected option to an express server

<label for="exampleFormControlSelect1">
  <strong>Please Select the Number of PDFs to Merge:</strong>
</label>
<select class="form-control" id="exampleFormControlSelect1">
  <option name="number">1</option>
  <option name="number">2</option>
  <option name="number">3</option>
  <option name="number">4</option>
  <option name="number">5</option>
</select>

app.post("/merge", upload.array("pdfs", 2), async (req, res, next) => {
  console.log(req.files);
  let d = await mergePdfs(
    path.join(__dirname, req.files[0].path),
    path.join(__dirname, req.files[1].path)
  );
});

I have hard-coded the option for merging 2 PDFs but the user can select any number.

javascript express multer

Answer 1

Answer №1

Modify the Multer middleware to allow for unlimited file uploads.
```
upload.array("pdfs")
```
Ensure that your <select> element has a designated name attribute to be included in the request payload.
```
<select
  required
  name="limit"
  class="form-control"
  id="exampleFormControlSelect1"
>
```

Verify the length of req.files against req.body.limit and handle any discrepancies by extracting the file paths and passing them to mergePdfs()

app.post("/merge", upload.array("pdfs"), async (req, res, next) => {
  const { limit } = req.body;
  if (req.files.length !== limit) {
    return res.status(400).send(
      `Expected ${limit} file(s), received ${req.files.length}`
    );
  }

  try {
    const result = await mergePdfs(
      ...req.files.map(({ path: filePath }) => filePath)
    );

    // Handle the merged PDF document here
  } catch (err) {
    next(err);
  }

Answer 2

Modify the Multer middleware to allow for unlimited file uploads.
```
upload.array("pdfs")
```
Ensure that your <select> element has a designated name attribute to be included in the request payload.
```
<select
  required
  name="limit"
  class="form-control"
  id="exampleFormControlSelect1"
>
```

Verify the length of req.files against req.body.limit and handle any discrepancies by extracting the file paths and passing them to mergePdfs()

app.post("/merge", upload.array("pdfs"), async (req, res, next) => {
  const { limit } = req.body;
  if (req.files.length !== limit) {
    return res.status(400).send(
      `Expected ${limit} file(s), received ${req.files.length}`
    );
  }

  try {
    const result = await mergePdfs(
      ...req.files.map(({ path: filePath }) => filePath)
    );

    // Handle the merged PDF document here
  } catch (err) {
    next(err);
  }

What is the best way to pass the value of a selected option to an express server

Answer №1

Similar questions

Node.js module loader compared to client-side AMD loader such as RequireJS

Sign up for a Jquery template event

What steps can I take to troubleshoot and fix the height of a div/span element?

Aurelia validator fails to refresh user interface

Utilizing Javascript / jQuery to eliminate specific CSS styles

Is there a way to retrieve all "a" tags with an "href" attribute that contains the term "youtube"?

Rails confirmation feature malfunctioning

When utilizing the ExpressJS API to retrieve GET requests in C++, the response string can only be used for printing purposes and nothing else

The Protected Routes in React Router Dom persistently redirecting

Angular.js dynamically changing ng-class based on long-polling updates to a monitored variable

Can dynamic attributes be used with ternary operators in Angular?

What is the best way to capture dynamic import errors in JavaScript?

Display a specific element only if another element exceeds a specified height

Frequently refreshing a page to display the most recent information without needing to reload the entire

Adding HTML elements to a button using an array: a step-by-step guide

Customize the appearance of alert boxes in ajax requests

Create an excel spreadsheet using HTML tables with the help of jQuery

The HTML file contains the complete version number of Firefox

Is it possible to create an animation in NextJS using framer-motion that triggers only during the initial page load and resets every 12 hours?

Accessing the app module in separate files is not possible for Angular and Coffeescript