多视频多图片多文件上传 如何使用formData实现多文件上传

16 篇文章 0 订阅
5 篇文章 0 订阅

今天心情不佳不多说了,直接上代码了

1、HTML代码:
 
// 声明file类型为multiple(可多选)
<input id="uploadfiles" type="file" name="file" multiple/>

以上html你可以自行优化样式

2、js代码:
// 获取文件,用FormData对象封装:
var fd = new FormData();
var length = $("#uploadfiles")[0].files.length;
for (var i = 0; i < length; i++) {
	fd.append("files", $("#uploadfiles")[0].files[i]);
}
 
 
// 用ajax发送请求
$.ajax({
	url : 'xxxxx', //填写具体的URL
	type: "post",
	data: fd,
	contentType: false,
	processData: false,
	error : function(){
		error("保存失败");				
	},
	success : function(data){
	}
});

 后端直接用 $_FILES['']去接数据就ok啦

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js中使用FormData可以实现文件上传。下面是一个简单的示例代码: 首先,需要引入相关的模块: ``` const http = require('http'); const fs = require('fs'); const FormData = require('form-data'); ``` 然后,创建一个FormData对象,用于存储要上传的文件: ``` const formData = new FormData(); ``` 接下来,可以通过append方法向FormData对象中添加要上传的文件: ``` formData.append('file1', fs.createReadStream('path/to/file1.txt')); formData.append('file2', fs.createReadStream('path/to/file2.txt')); ``` 然后,创建一个请求对象: ``` const options = { hostname: 'localhost', port: 8000, path: '/upload', method: 'POST', headers: formData.getHeaders() }; const req = http.request(options, (res) => { // 处理服务器的响应 }); // 将FormData对象写入请求体 formData.pipe(req); req.on('error', (err) => { console.error(err); }); req.end(); ``` 最后,需要在服务器端接收并处理文件上传的请求。可以使用`multer`模块来处理文件上传: ``` const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.array('file', 2), (req, res) => { console.log(req.files); res.status(200).send('File uploaded successfully'); }); app.listen(8000, () => { console.log('Server started on port 8000'); }); ``` 上面的示例代码为使用Express框架,当有文件上传请求时,会将文件保存到`uploads/`目录下,并打印上传的文件信息到控制台。 这就是使用Node.js中的FormData实现文件上传的简单示例。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值