当POST方式提交包含图片的表单时，如上传图片时，需要在<form>字段需要添加参数enctype="multipart/form-data"，表明以二进制方式传输数据。假如表单中包含其他文本参数，如用户名username，用常规方式是无法获取post参数的，如：

<html>

        <head>

                <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />

        </head>

        <body>

                <form action="/upload" enctype="multipart/form-data" method="post">

                        <input type="file" name="upload" />

                        <input type="text" name="username" value="123"/>

                        <input type="submit" value="确定" />

                </form>

        </body>

</html>
　　 var postdata = "";

    request.addListener("data",function(postchunk){

        postdata += postchunk;

    });

    //POST结束输出结果

    request.addListener("end",function(){

        console.log(postdata);

        var params = querystring.parse(postdata);

        console.log(params["username"]);

    });

控制台显示的将是undefined，而不是我们所期望的123。因为整个表单都是以二进制传输数据，request就获得username字段的值。

这种情况，就需要引入第三方formidable模块：

    var form = new formidable.IncomingForm();

    form.uploadDir = uploadImgDir;

    form.parse(request, function(error, fields, files) {

        console.log("parsing done");

        console.log(files.upload.path);

        console.log(fields["username"]);

        fs.renameSync(files.upload.path, uploadImgDir + "name.png");

  });

在调用formidable.IncomingForm的parse方法后，其回调会返回三个参数，分别为异常，文本参数Object和图片文件数据。

在回调中使用fields["username"]，就可以正常获取username参数了。

使用post方式提交表单如何获取图片数据及其他文本参数[NodeJS]的更多相关文章

  1. java模拟表单上传文件，java通过模拟post方式提交表单实现图片上传功能实例

    java模拟表单上传文件,java通过模拟post方式提交表单实现图片上传功能实例HttpClient 测试类,提供get post方法实例 package com.zdz.httpclient; i ...

  2. SpringMVC(十四)：SpringMVC 与表单提交（post/put/delete的用法）；form属性设置encrypt='mutilpart/form-data'时，如何正确配置web.xml才能以put方式提交表单

    SpringMVC 与表单提交(post/put/delete的用法) 为了迎合Restful风格,提供的接口可能会包含:put.delete提交方式.在springmvc中实现表单以put.dele ...

  3. POST方式提交表单时，后台接受实体如果继承了父类，将无法映射表单对应数据

    引言 刚才在做一个post提交表单时,我在表单里放了几个隐藏域用来存放数据,表单name属性和后台实体属性签名保持一致.只是后台Action参数包含继承关系,所以无法获取到表单对应的值.刚开始一直纳闷 ...

  4. KindEditor：Ajax提交表单时获取不到HTML内容

    当用Ajax提交表单时,KindEditor的内容获取不到,HTML数据获取不了 原因:当ajax提交时,KindEdito的HTML数据还没有同步到表单中来,那怎么去获取HTML数据呢? ----- ...

  5. spring-boot restful put方式提交表单

    使用spring-boot 做接口,如果按restful的路由形式想使用put方式进行表单提交,第一个参数应该为文件参数,代码如下: @PutMapping("/http-put" ...

  6. tp5中ajax方式提交表单

    用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. <!DOCTYPE html> <html lang="en"> <head> < ...

  7. 调用submit()方式提交表单

    今天在看高级程序设计时看到的这样一段话: 在以调用submit()方法的形式提交表单时,不会触发submit事件 写了一个小例子做了下测试,的确如此: <form id="fm&quo ...

  8. HPCMS V9使用ajax方式提交表单

    一.前台模板(注:需要引入jquery文件) <form id="myform" class="subscribe-form subscription" ...

  9. java模拟post方式提交表单实现图片上传【转】

     转自:http://blog.csdn.net/5iasp/article/details/8669644 模拟表单html如下:   <form action="up_result ...

随机推荐

  1. 卷积神经网络_(4)_caffe简介

    这里大致说一下caffe.caffe是伯里克利大学的贾杨清教授写的一个深度学习框架,使用C++编写的,但同时也提供python和matlab接口:组成部分主要有: (1)Blob:用来存储数据和梯度: ...

  2. Session的属性

    Session的属性  Session在网络应用中被称为会话.具体到web中的Session指的就是用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间,因 ...

  3. vue笔记

    安装vue脚手架工具 sudo cnpm install -g vue-cli

  4. 解决ftp上传connection reset错误

    切换到管理员,cmd下面执行:netsh advfirewall set global StatefulFTP disable MS对此的解释:https://technet.microsoft.co ...

  5. Java Web技术之Cookie

    Cookie:它是服务器在获取到用户的请求之后,把用户的请求中的重要资源保存在这个对象中,在给用户响应的时候,把这个对象发给客户端.然后浏览器接收到这个Cookie之后,浏览器会自动的把Cookie中 ...

  6. python 登录小程序

    运行程序前,需在本目录增加黑名单文件 # Author:JinYu # -*- coding:utf-8 -*- #登录3次锁定 local_username = 'jinyu' local_pass ...

  7. 第五课 CSS3 and H5 知识点

    概要:CSS3美化样式.自定义字体图标.滤镜设置.CSS3选择器.transform2D转换.新增表单控件.vaild表单验证.表单样式美化等. 属性选择器: E[attr]只使用属性名,但没有确定任 ...

  8. 比较完整的WebView的用法

    WebView, WebChromeClient和WebViewClient加载网页基本用法 webview是android中的浏览器控件,在一些手机应用中常会用到b/s模式去开发应用,这时webvi ...

  9. 安装storm的一些很乱的笔记

    下面是自己安装和测试storm的一些笔记,比较乱,后续有时间在整理一篇. storm jar all-my-code.jar com.storm.MyTopology arg1 arg2这个命令会运行 ...

  10. EXT.NET 使用总结（3）--动态图表

    动态生成雷达图--Radar 效果图: aspx页面代码: <ext:Panel ID="ResultPanel" Border="true" runat ...