在 Express-Handlebars 的表单上上传图片

Question

我想使用 Express-Hnadlebars 以表格形式上传图片。这是我的表格（为了更简单，我还有其他 text 类型）

  <form action="{{{postRoute}}}" method="POST" enctype="multipart/form-data">
            <label class="btn btn-primary" style="width: 100%; margin: 0; cursor: pointer;">افزودن تصویر
                <input name="image" onchange="readURL(this);" type="file" style="opacity: 0; position: absolute;">
            </label>

            <button type="submit" class="btn btn-primary" style="margin-top: 30px; width: 50%;">ایجاد
                اعلان</button>

        </form>

并且在我的快速函数中，我记录了 req.body 但它是一个空对象。

如果我 删除 enctype="multipart/form-data" 它有效并且 req.body 对我的输入有价值 文本和文件只是文件名（这是无用的.. 不是吗？）。

Answer 1

使用 express 上传图片你需要一个中间件来处理multipart/form-data你可以试试这个：https://www.npmjs.com/package/multer

在 Express-Handlebars 的表单上上传图片

Upload image on form in Express-Handlebars

html

express

handlebars.js

express-handlebars