当前位置:首页 > 开发 > 行业应用 > 正文

js post FormData、Payload、multipart/form-data数据,Nodejs获取multipart/form-data数据

发表于: 2016-04-05   作者:qiaolevip   来源:转载   浏览:
摘要: 1、post数据结构:RequestPayload ------WebKitFormBoundary3wELd4ULBH0cBXBj Content-Disposition:form-data;name="type" post ------WebKitFormBoundary3wELd4ULBH0cBXBj Content-Disposition:form-data;name="

1、post数据结构:

Request Payload

------WebKitFormBoundary3wELd4ULBH0cBXBj
Content-Disposition: form-data; name="type"

post
------WebKitFormBoundary3wELd4ULBH0cBXBj
Content-Disposition: form-data; name="name"

post发送formData参数
------WebKitFormBoundary3wELd4ULBH0cBXBj--

 

   // form 方式提交

<form method="post" encType="multipart/form-data">

....

</form>

  

 

2、js代码实现

var xhr = new XMLHttpRequest();
xhr.open('post', 'http://localhost:3000/post', true);

var formData = new FormData();
for (var key in data) {
  formData.append(key, data[key]);
}
xhr.send(formData);

xhr.onload = function () {
  if (xhr.status === 200) {
    var text = xhr.responseText;
    if (success) success(JSON.parse(text));
  } else {
    if (error) error(xhr);
  }
};

 js post FormData、Payload、multipart/form-data数据,Nodejs获取multipart/form-data数据_第1张图片

 

3、后端获取数据(Nodejs)

var express = require('express');
var app = express();
var multipart = require('connect-multiparty');

var multipartMiddleware = multipart();
app.post('/post', multipartMiddleware, function(req, res) {
  res.header('Access-Control-Allow-Origin', '*');

  console.log('get FormData Params: ', req.body);

  res.json({result: 'success', data: req.body});
});

 

js post FormData、Payload、multipart/form-data数据,Nodejs获取multipart/form-data数据

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
关于application/x-www-form-urlencoded等字符编码的解释说明 在Form元素的语法中,EncType表明提交
最近写了一个小demo,调用淘宝的api,来完成一个添加/更新销售属性图片的功能,程序的流程如下图所
JSF 都 2.0 了,尼玛居然还是无法识别 multipart/form-data(至少参考实现 Mojarra 如此),绑定的
大家好,我是许飞,微软拼音的开发实习生。在网络编程中,经常用到从服务器上“下载”一些数据,有
在网络编程过程中需要向服务器上传文件。Multipart/form-data是上传文件的一种方式。 Multipart/for
在网络编程过程中需要向服务器上传文件。Multipart/form-data是上传文件的一种方式。 Multipart/for
转载请注明出处 http://blog.csdn.net/yankai0219/article/details/8159701 主要内容 1.什么是Multi
------------------------------------------------------------------ 大家好,我是许飞,微软拼音
转于:http://blog.csdn.net/mspinyin/article/details/6141638 ---------------------------------
------------------------------------------------------------------ 大家好,我是许飞,微软拼音
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号