node实现图片的上传功能

该博客详细介绍了如何使用Node.js实现图片上传功能,包括在EJS模板中创建表单,设置enctype属性,处理POST请求以接收上传文件,并使用Multer库来处理文件。文章还展示了如何通过fs模块重命名文件,以及使用MongoDB存储图片信息。
摘要由CSDN通过智能技术生成

目标

  图片的上传

npm install multer --save

banner.ejs

<section class="content-header">

      <h1>

        轮播图管理

      </h1>

      <ol class="breadcrumb">

        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>

        <li class="active">Here</li>

      </ol>

    </section>

    <!-- Main content -->

    <section class="content">

      <!-- Your Page Content Here -->

<div class="box">

                <div class="box-header">

                    <a href='/addBannerRoute'><button class = "btn btn-xs btn-success">添加轮播图</button></a>

                </div>

                <!-- /.box-header -->

                <div class="box-body no-padding">

                    <table class="table table-striped">

                        <tr>

                            <th>#序号</th>

                            <th>图片</th>

                            <th>操作</th>

                        </tr>

                        <tr>

                            <td> 1</td>

                            <td>

                                <img src=""  style = "height: 50px;width: auto"/>

                            </td>

                            <td>

                                <button class="btn btn-xs btn-warning"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值