首页 > 分享 > 文件上传模块formidable如何使用

文件上传模块formidable如何使用

最新推荐文章于 2023-06-21 19:37:57 发布

丰柏林 于 2019-09-08 16:19:57 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原网址
https://www.npmjs.com/package/formidable

var formidable = require('formidable'), http = require('http'), util = require('util'); http.createServer(function(req, res) { if (req.url == '/upload' && req.method.toLowerCase() == 'post') { // parse a file upload var form = new formidable.IncomingForm(); form.parse(req, function(err, fields, files) { res.writeHead(200, {'content-type': 'text/plain'}); res.write('received upload:nn'); res.end(util.inspect({fields: fields, files: files})); }); return; } // show a file upload form res.writeHead(200, {'content-type': 'text/html'}); res.end( '<form action="/upload" enctype="multipart/form-data" method="post">'+ '<input type="text" name="title"><br>'+ '<input type="file" name="upload" multiple="multiple"><br>'+ '<input type="submit" value="Upload">'+ '</form>' ); }).listen(8080);

12345678910111213141516171819202122232425262728

值得注意的是,里面的form表单要添加enctype=“multipart/form-data”
而且选择的文件夹要添加name,我这里用的node的ejs模板

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>小小相册</title> <link href="/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> </head> <body> <div class="container"> <div class="row"> <form style="width: 40%;" method="post" action="#" enctype="multipart/form-data"> <div class="form-group"> <label for="exampleInputEmail1">选择文本框</label> <select class="form-control" ***name="wenjianjia"***> <% for(var i = 0 ; i < albums.length ; i++){ %> <option><%= albums[i] %></option> <%}%> </select> </div> <div class="form-group"> <label for="exampleInputFile">选择图片</label> <input type="file" id="exampleInputFile" ***name="tupian"***> </div> <button type="submit" class="btn btn-default">上传</button> </form> </div> </div> <script src="/js/jquery-3.3.1.min.js"></script> <script src="/js/bootstrap.min.js"></script> </body> </html>

12345678910111213141516171819202122232425262728293031323334353637383940414243

相关知识

js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中
什么是bt种子文件 bt种子文件怎么用
使用Python调用mysql
制造模块论文范文9篇(全文)
品茗软件常见使用问题解答
python学习笔记(十六)文件操作
泰安市公共资源交易网
插花艺术模块二商业插花模块二商业插花(63页)
如何优雅地使用Sublime Text3(转)
[中职]市城建(园林)学校:第二届全国技能大赛上海选拔赛(世赛选拔项目)花艺、园艺项目比赛在校举行

网址: 文件上传模块formidable如何使用 https://m.huajiangbk.com/newsview164660.html

所属分类:花卉
上一篇: 解开花朵演化之谜—新闻—科学网
下一篇: 家庭园艺 露台花园的布置技巧