javascript - 无法从 Bootstrap 4 中的自定义输入文件读取未定义的属性 'path'

标签 javascript express input bootstrap-4

我有一个表单,它有一个自定义输入组,用于选择本地镜像文件。但是,我无法在服务器代码中取回文件名。我查看了 req.body,但找不到任何保存图像文件路径位置的属性。

我也尝试过 req.file.path 但没有成功。 我使用 bodyParser 作为我的中间件。

                   <form action="/campgrounds" method="POST" enctype="multipart/form-data">
                        <div class="form-group">
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
                                </div>
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01" accept="image/*">
                                    <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                                </div>
                            </div>
                        </div>       
                   </form>

有人知道如何获取文件名吗?

谢谢

最佳答案

body-parser 模块仅处理 JSON 和 urlencoded 表单提交,而不处理多部分(如果您上传文件就是这种情况)。对于多部分,您需要使用类似 multer 的内容.

https://www.npmjs.com/package/multer

关于javascript - 无法从 Bootstrap 4 中的自定义输入文件读取未定义的属性 'path',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58797303/

相关文章:

javascript - ejs中的if语句

javascript - ng-model 选择下拉更新 - Angular

javascript - 如何改进用于生产的 Node js 代码并将其正确地跨文件拆分?

reactjs - 在 react SPA 中自动登录的 localStorage 中 JWT 的替代方案?

javascript - 使用node js发布请求

javascript - 多文件输入html不工作

javascript - 调用同一个函数时如何处理多个JS事件

javascript - 如何根据 TypeScript 中的条件在数组对象中创建新属性

javascript - 如何从表单获取值并在 Controller 中使用它?

Python:使用来自另一个命令的输入