🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
nodejs 服务器端代码示例: ```javascript // nodejs API 参考:http://nodeapi.ucdok.com/#/api/ // 需要本地安装 formidable ,参见 https://github.com/felixge/node-formidable var formidable = require('formidable'); var http = require('http'); var fs = require('fs'); var url = require('url'); var path = require('path'); // 文件将要上传到哪个文件夹下面 var uploadfoldername = 'uploadfiles'; var uploadfolderpath = __dirname + '/' + uploadfoldername; var inputfilename = 'file'; var port = 8888; http.createServer(function (req, res) { // ----------------------用 '/upload' 这个路由来处理文件上传---------------------- if (req.url === '/upload' && req.method.toLowerCase() === 'post') { // 使用第三方的 formidable 插件初始化一个 form 对象 var form = new formidable.IncomingForm(); // 处理 request form.parse(req, function (err, fields, files) { if (err) { return console.log('formidable, form.parse err'); } // inputfilename 变量存储的是客户端页面中 form 中的 input-file 标签的 name 属性值 var file = files[inputfilename]; // formidable 会将上传的文件存储为一个临时文件,现在获取这个文件的目录 var tempfilepath = file.path; // 获取文件名,并根据文件名获取扩展名 var filename = file.name; var extname = filename.lastIndexOf('.') >= 0 ? filename.slice(filename.lastIndexOf('.') - filename.length) : ''; // 将文件名重新赋值为一个随机数(避免文件重名) filename = Math.random().toString().slice(2) + extname; // 构建将要存储的文件的路径 var filenewpath = uploadfolderpath + '/' + filename; // 将临时文件保存为正式的文件 fs.rename(tempfilepath, filenewpath, function (err) { // 存储结果 var result = ''; if (err) { // 发生错误 console.log('fs.rename err'); result = 'error'; } else { // 保存成功 console.log('fs.rename done'); // 拼接图片url地址 result = 'http://localhost:' + port + '/' + uploadfoldername + '/' + filename; } // 返回结果 res.writeHead(200, { 'Content-type': 'text/html' }); res.end(result); }); }); } else { // ---------------------- 其他路由,直接作为静态文件返回 ---------------------- var pathname = url.parse(req.url).pathname; var filepath = path.join(__dirname, pathname); fs.readFile(filepath, function (err, file) { if (err) { res.writeHead(404); console.log('response file error: ' + filepath); res.end('404 NOT FOUND...'); return; } res.writeHead('200'); console.log('response file success: ' + filepath); res.end(file); }); } }).listen(port); // 监听 localhost port 端口 console.log('server start at ' + port + '...'); ```