Создать api загружаемых файлов в next.js

Вы можете загружать файлы с помощью маршрутов 9X_nextjs API Next.js.

Пример синтаксического анализа тела Next.js по умолчанию

Обработчик API

export default (req, res) => { // req.body contains a content of an uploaded file + headers } 

req.body - это string, который в начале содержит 9X_nextjs связанные заголовки HTTP, например

------WebKitFormBoundarydj2uhBXPZtD3nte3 Content-Disposition: form-data; name="your_input_name"; filename="your_file_name.json" Content-Type: application/json your file content is here! 

Итак, вам 9X_next.js нужно извлечь из него содержимое. Наверное, есть 9X_nextjs какие-то пакеты, которые это умеют.

Кроме 9X_nextjs того, вы можете проанализировать запрос 9X_next.js с помощью стороннего пакета.

Пример с formidable

Обработчик API

import { IncomingForm } from 'formidable' // you might want to use regular 'fs' and not a promise one import { promises as fs } from 'fs' // first we need to disable the default body parser export const config = { api: { bodyParser: false, } }; export default async (req, res) => { // parse form with a Promise wrapper const data = await new Promise((resolve, reject) => { const form = new IncomingForm() form.parse(req, (err, fields, files) => { if (err) return reject(err) resolve({ fields, files }) }) }) // read file from the temporary path const contents = await fs.readFile(data?.files?.nameOfTheInput.path, { encoding: 'utf8', }) // contents is a string with the content of uploaded file, so you can read it or store } 

Используйте 9X_next.js приведенные выше примеры только для иллюстрации. По 9X_next.js крайней мере, нужно обернуть его в оператор 9X_next.js try catch с надлежащей обработкой ошибок.