node.js+express 文件上传以及图片上传

文件上传
multer模块官网

  • html页面
<form method="post" enctype="multipart/form-data" class="uploadFile" action="lalocal-sales/customers/excel">
       <button class="btn btn-success btn-file-up"><input type="file" name="file" class="file_up" id='file'>上传文件</button>
 </form>
  • js代码
$('.file_up').change(function() {
    $('.uploadFile').submit();
});
  • node层
    先引入multer模块,设置文件上传目录
var multer = require('multer');
var upload = multer({
    dest: './upload/'
});

再对上传的文件进行格式化

router.post("/customers/excel",upload.single('file'),function(req,res,next) {
    var url = global.baseURL+req.url;
  console.log('url................................'+url);
  console.log('请求路径.....'+req.url);
    var obj = req.file;
    var tmp_path = obj.path;
    var new_path = "upload/excelfile.XLSX";
    console.log("原路径:" + tmp_path);
    /*修改上传文件地址*/
    fs.rename(tmp_path, new_path, function(err) {
            if (err) {
                    throw err;
            }
    });

最后上传到服务器

superagent
                 .post(url)
        .attach('file', new_path)
        .end(function(err1, res1) {
        if (res1.ok) {
                    console.log(JSON.stringify(res1.body));
                    fs.unlinkSync(new_path);//删除 
                    res.redirect(global.rootUrl+'custom');
                    }
            });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,102评论 0 3
  • Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮...
    保川阅读 6,081评论 0 24
  • 个人入门学习用笔记、不过多作为参考依据。如有错误欢迎斧正 目录 简书好像不支持锚点、复制搜索(反正也是写给我自己看...
    kirito_song阅读 7,190评论 1 37
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,370评论 0 2
  • 全局安装webpack 全局安装webpack会有个问题,就是当你有两个项目依赖于不同版本的webpack,就会有...
    説好的妹紙呢阅读 5,851评论 0 11