nodejs的图片上传

收藏


<div class="dialog isDialog"></div>
<div class="dialog-wrap isDialog">
  <div class="dialog-header">
    <h3>添加banner图</h3>
    <div class="close">
      <img src="/images/icon_guanbi.png" alt="">
    </div>
  </div>
  <form action="/addBanner" enctype="multipart/form-data" method="post">
    <div>
      <p>图标名称</p>
      <p>
        <input type="text" class='form-control' name="imgName" />
      </p>
    </div>
    <div>
      <p>图片路径</p>
      <input type="file" name="pic" class="upload-input" id="uploadInput" />
    </div>
    <div class="dialog-footer">
      <span class="cancel">取消</span>
      <button class="determine">确定</button>
    </div>
  </form>
</div>
var express = require('express');
var router = express.Router();
var db = require('../sql.js');
var multiparty = require('multiparty');
/* GET home page. */
router.post('/', function(req, res, next) {
    var form = new multiparty.Form();
    //上传的图片需要保存某一个目录,目录必须存在
    form.uploadDir = './public/upload';
    form.parse(req,function(err,fields,files){
       var imgName = fields.imgName[0];
       //上传图片的路径
       var pic = files.pic[0].path;
       console.log( imgName );
       db.query('insert into banner value (?,?,?)',[0,imgName,pic],function(err,data){
           if( err ){
               throw err;
           }else{
               db.query('select * from banner',function (err,data) {
                   if( err ){
                       throw err;
                   }else{
                       res.render('bannerList',{bannerList:data})
                   }
               })
           }
       })
    })
});
module.exports = router;


评论(

您还未登录,请先去登录
表情
查看更多

相关作者

  • 获取点赞0
  • 文章阅读量264

相关文章

联系小鹿线

咨询老师

咨询老师

扫码下载APP