博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript学习笔记——FromData上传文件
阅读量:4960 次
发布时间:2019-06-12

本文共 1976 字,大约阅读时间需要 6 分钟。

  FromData对象用以将数据成键值对,使用XMLHttpRequest来发送数据。其主要用于发送表单数据,亦可用于发送带键值对的数据。使用FromData()构造函数可创建一个新的FromData对象。

语法

  

// var formdata = new FormData()   创建一个空的formdata对象 var form = document.getElementById('forms')  var formdata = new FormData(form)

 

参数

  from

  一个HTML中的表单元素

方法

  append(key, value, [filename])

  向formdata对象中添加一个键值对,如果该键存在则会将新的值赋值给该键,否则会添加一个新的键值对。

  delete(key)

   从FormData对象中删除指定的key和它对应的值

  entries()

  返回一个可迭代的对象

  get(key)

  用于获取formdata对象中和指定键关联的第一个值

  getAll(key)

  用于获取formdata对象中和指定键关联的所有值

  has(key)

  用于查看formdata对象中是否含有某个键

  keys()

  返回一个迭代器,遍历formdata对象中包含的所有键

  set(key,value)

  对formdata对象里的键设置新的值,如果不存在则添加一个新的键值对

  values()

  返回一个迭代器,遍历formdata对象中包含的所有值

使用FormData上传

    
Document
View Code
var express = require('express');var path = require('path');var bodyParser = require('body-parser');var multipart = require('connect-multiparty');var multipartMiddleware = multipart();var app = new express();app.use(bodyParser.json());app.use(bodyParser.urlencoded({extended: false}))app.use(express.static('statics'))app.get('/', function(req, res){    res.sendFile(path.resolve('./views/hello.html'))});app.post('/file',multipartMiddleware, function(req, res){    console.log(req.body, req.files)    /*    { name: '1234', files: '5678' }     {         file:{             fieldName: 'file',            originalFilename: '985065c10b196d4fdbd7311795c7b57f.gif',            path: 'C:\\Users\\pyh\\AppData\\Local\\Temp\\gIAGofhbYBfXM1IXGf-8N_eO.gif',            headers:            { 'content-disposition': 'form-data; name="file"; filename="985065c10b196d4fdbd7311795c7b57f.gif"',                'content-type': 'image/gif' },            size: 762277,            name: '985065c10b196d4fdbd7311795c7b57f.gif',            type: 'image/gif'         }    }    */ });app.listen(9000, function(){    console.log('server is runing')});
View Code

 

转载于:https://www.cnblogs.com/peiyanh/p/9565062.html

你可能感兴趣的文章
#hashMap冲突原理#详细
查看>>
基于单片机定时器---年月日时分秒的算法
查看>>
linux中IDE和SATA硬盘的区别
查看>>
关于清理缓存的解决方案
查看>>
编译时获得系统的日期和时间
查看>>
Unity3D写雷电游戏(一)
查看>>
Mybatis之使用注解开发CRUD
查看>>
C语言错误:request for member ‘xxx’ in something not a structure or union
查看>>
[LintCode] Pow(x, n) 求x的n次方
查看>>
冒泡排序逐步详解相关笔记(一)
查看>>
sql server split 分割 两种方法
查看>>
spring学习之@ModelAttribute运用详解
查看>>
语义分析应用——美通社
查看>>
数据类型及操作
查看>>
提高前端开发效率的N种方法
查看>>
第一个Vus.js
查看>>
10款最好的Python IDE
查看>>
js如何获取样式?
查看>>
保护视力最佳电脑窗口颜色配置Win7、Vista和XP适用!转
查看>>
一道题的分析
查看>>