美文网首页
处理表单输入

处理表单输入

作者: zhangwinwin | 来源:发表于2018-11-29 17:18 被阅读0次

Node的querystring模块可以解析请求主体
假如用户通过HTML表单向代办事项列表中提交了文本“take ferrets to the vet"

var qs = require('querystring')
var body = 'item=take+ferrets+to+the+vet'
qs.parse(body)
{  item: 'take ferrets to the vet'  }

用formidable处理上传的文件

在web开发中,文件上传也是一个非常常见、非常重要的功能。
下面一个例子

<form method='post' action='/' enctype='multipart/form-data'>
<p><input type='text' name='name' /></p>
<p><input type='flie' name='file' /></p>
<p><input type='submit' value='Upload' /></p>
</form>

要正确处理上传的文件,并接收到文件的内容,需要把表单的enctype属性设为multipart/form-data,这是个适用与BLOB(大型二进制文件)的MIME类型。
formidable的流式解析器让它成为了处理文件上传的绝佳选择,也就是说它能随着数据块的上传接收它们,解析它们,并吐出特定的部分。

计算上传进度

Formidable的progress事件能给出收到的字节数和期望收到的字节数。每次有progress事件激发,就会计算百分比并用console.log()输出

form.on('progress', function(bytesReceived, bytesExpected){
    var percent = Math.floor(bytesReceived, bytesExpected * 100)
    console.log(percent)
})

这段脚本会输出
1
2
3
···
99
100

相关文章

  • 表单 - 提交按钮

    定义用于向表单处理程序(form-handler)提交表单的按钮。表单处理程序通常是包含用来处理输入数据的脚本的服...

  • 处理表单输入

    Node的querystring模块可以解析请求主体假如用户通过HTML表单向代办事项列表中提交了文本“take ...

  • Angular 表单1--响应式表单

    Angular 提供了两种不同的方法来通过表单处理用户输入:响应式表单和模板驱动表单。本节先讲响应式表单。最终实例...

  • 从0到1学习网络安全 【PHP基础-PHP 表单】

    PHP 表单处理 PHP 中的 $_GET 和 $_POST 变量用于检索表单中的信息,比如用户输入。 PHP -...

  • React学习笔记_03

    React 表单处理 表单受控组件 html中的表单元素是可输入的,也就是有自己的可变状态 React中可变状态通...

  • HTML表单的使用方法

    1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...

  • 4.PHP-表单

    (1) PHP 表单处理 表单,即用户要操作的诸如输入框,选择按钮等界面。PHP 中的 $_GET 和 $_PO...

  • Form表单——模板式表单和相应式表单

    表单处理 一般情况表单需要具有几个功能: 每一个输入字段都需要有独立的校验规则 如果用户输入不符合校验规则,就会在...

  • ionic2/3实战-统一表单风格

    前言 表单在项目中的地位不言而喻,复杂的表单写起来费时费力,要考虑的情况非常多,如表单验证,处理各种输入类型(日期...

  • React 表单操作

    表单处理多个input输入数据 当需要处理多个 input 元素时,我们可以给每个元素添加 name 属性,并让处...

网友评论

      本文标题:处理表单输入

      本文链接:https://www.haomeiwen.com/subject/kebfcqtx.html