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...

nodejs 上传文件

1、html代码 nodejs上传文件测试 效果图 2、控制器 v...
  • hbiao68
  • hbiao68
  • 2016年11月04日 16:48
  • 280

Node.js入门教程——如何实现文件上传功能

作者:zhanhailiang 日期:2014-11-16 本文将介绍如何使用Node.js实现文件上传功能。 1. 初始化项目信息:npm init [root@~/wade/node...

nodejs-post文件上传原理详解

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

node使用express搭建简单web框架并实现文件上传

node使用express搭建简单web框架并实现文件上传,node入门,express入门

node.js学习笔记(8)--multer模块文件上传

1.安装 npm install multer -save 2.sh

使用node上传文件或者数据到mongodb

上传文件分为两种情况: 1.小文件,不超过16M的 2.大文件超过16M的 上传数据比较简单,直接上传req.body里面的内容就可以了如果上传的文件是小于16M的比较简单,直接使用ajax或者...

nodejs-post文件上传原理详解

转载自:http://www.html5china.com/HTML5features/WebSocket/20111206_3084.html 基础知识 浅谈HTTP中Get与Pos...

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

主要是围绕nodjs来进行文件上传的一些方法。

nodejs - multer模块教程,使用multer进行附件上传

nodejs使用multer开发文件上传
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:nodeJs 接收上传文件
举报原因:
原因补充:

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