nodeJs 接收上传文件

原创 2016年08月30日 17:35:12

前台:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title lang="en">upload</title>
      
    </head>
    <body>
<form method="post" id="uploadForm" action="http://localhost:3005/api/uploadKyc" enctype="multipart/form-data">
    <label for="upload">File (Binary):</label>
    <input type="file" name="idCardFront" class="fileupload" /><br/>
    <input type="file" name="idCardBack" class="fileupload" /><br/>
    <input type="file" name="idCardhandheld" class="fileupload" /><br/>
    <input type="file" name="swornVideo" class="fileupload" /><br/>
    <input type="button" class="submit" value="Submit" onclick="sendFormFromHTML(this.form);"/>  
  </form>
</body>
</html>
 <script type="text/javascript">
           
  function sendFormFromHTML(form) {
        //form = $(".uploadForm").form;
        var formData = new FormData(form);
        formData.append('id', '123456'); // alternative to hidden fields
        var xhr = new XMLHttpRequest();
        xhr.open('POST', form.action, true);
        xhr.onload = function(e) { alert(this.responseText) };
        xhr.send(formData);
        return false;
     } 
        </script>

还用form表单提交会自动跳转页面,所以改为ajax上传:

<form  id="uploadForm"  enctype="multipart/form-data">
    <label for="upload">File (Binary):</label>
    <input type="file" name="idCardFront" id="idCardFront" /><br/>
     <input type="file" name="idCardBack" id="idCardBack" /><br/>
    <input type="file" name="idCardhandheld" id="idCardhandheld" /><br/>
    <input type="file" name="swornVideo" id="swornVideo" /><br/>
    <input type="button"  value="submit" onclick="sendFormFromHTML(this.form);"/>  
  </form>
</body>
</html>
<script type="text/javascript" src="lib/jquery.min.js"></script>
 <script type="text/javascript">
           
  function sendFormFromHTML(form) {
        var formData = new FormData(form);
       // formData.append('id', '123456'); // alternative to hidden fields
$.ajax({
  url: "http://localhost:3005/api/uploadKyc",
  type: "POST",
  data: formData,
    cache: false,
    processData: false,  // 告诉jQuery不要去处理发送的数据
    contentType: false   // 告诉jQuery不要去设置Content-Type请求头});
   success: function(result){
        alert(result.code);
        alert(result.msg);
      }


     });
    };
        </script>



后台:

var form = new multiparty.Form();
            form.parse(request.payload, function(err, fields, files) {

            fs.readFile(files.idCardFront[0].path,function(err,data){

                  if(!data || err){
                       return ryply({code:401,msg:"请上传身份证正面照片"});
                  }
                    var fileName = files.idCardFront[0].originalFilename;
                     var types = fileName.split('.'); //将文件名以.分隔,取得数组最后一项作为文件后缀名。
 var picType = String(types[types.length-1]).toLocaleLowerCase();
 if(picType=="jpg" || picType=="png" || picType=="jpeg"){
 var date = new Date();
         var ms = Date.parse(date); //计算当前时间与1970年1月1日午夜相差的毫秒数 赋值给ms以确保文件名无重复。
         forntPath = appDir+"/kycFiles/front"+ ms +"." + String(types[types.length-1]);
         fs.renameSync(files.idCardFront[0].path, forntPath);
                    }else{
                      return reply({code:411,msg:"身份证正面照片格式不正确"});
                     }

                })

};

nodejs处理图片文件上传

参考资料: 1,Upload progress bar working with apache, nginx and lighttpd upload progress modules 2,模拟AJA...
  • yuxiangji
  • yuxiangji
  • 2013年11月19日 15:26
  • 15498

接受文件上传

/** * upload image and return the image url * * @return * @throws IOException * @throws Illegal...
  • qq12t
  • qq12t
  • 2018年01月11日 14:14
  • 31

nodejs-post文件上传原理详解

基础知识 浅谈HTTP中Get与Post的区别HTTP请求报文格式: 简单介绍下,如下图: 其中请求报文中的开始行和首部行包含了常见的各种信息,比如http协议版本,方法(G...
  • yang_ge_98
  • yang_ge_98
  • 2016年10月25日 14:16
  • 3740

关于nodejs接受多文件上传问题

主要是围绕nodjs来进行文件上传的一些方法。
  • caoweiju
  • caoweiju
  • 2016年06月06日 11:38
  • 2465

nodejs-post文件上传原理详解

转载自:http://www.html5china.com/HTML5features/WebSocket/20111206_3084.html 基础知识 浅谈HTTP中Get与Pos...
  • u012377333
  • u012377333
  • 2016年01月19日 10:00
  • 3328

NodeJS express+multer实现文件上传

前言本人所发的NodeJS系列学习笔记参考了一些书籍、官方文档以及一些前辈的代码及注释,可能有些地方理解的不对。如果有误,欢迎到我的github上提出。当然,希望可以点个星星。基于express+mu...
  • github_36704158
  • github_36704158
  • 2017年09月09日 19:26
  • 389

Node.js读取文件内容

Node.js读取文件内容包括同步和异步两种方式。 1、同步读取,调用的是readFileSync var rf=require("fs"); var data=rf.readFileSync("t...
  • zk437092645
  • zk437092645
  • 2013年07月03日 11:24
  • 55536

自学Node.js 四:处理post数据

作为普通的web开发,通常都会涉及到post/get方式来请求server,接下来我们要用Node.js来实现一个上传图片并浏览的功能,所以要先解决post数据的处理问题。    在html页面中,创...
  • lfsfxy9
  • lfsfxy9
  • 2013年04月30日 15:48
  • 14129

nodejs-http 对form表单上传文件数据的解析过程

前几天碰到了一个需求,允许接收前端用户上传的文件。 当时为了解决问题索性就上github搜了下,找了一个基于nodejs的开发插件。 后来功能实现后觉得意犹未尽,于是自己想试试去写一个类似功能的插...
  • bugall
  • bugall
  • 2015年04月04日 16:09
  • 6845

nodejs-post文件上传原理详解

nodejs-post文件上传原理详解
  • shmnh
  • shmnh
  • 2015年10月10日 01:10
  • 1482
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:nodeJs 接收上传文件
举报原因:
原因补充:

(最多只允许输入30个字)