express上传图片
2024-09-20 04:51:56
var express = require('express')
var app = express()
var proxy = require('http-proxy-middleware')
const path = require('path');
var fs = require("fs");
var formidable = require('formidable');
app.all('*', function (req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
//Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行
// res.header('Access-Control-Allow-Headers', 'Content-Type');
// res.header('Access-Control-Allow-Methods', '*');
// res.header('Content-Type', 'application/json;charset=utf-8');
next();
});
// 改为：
app.use(express.json());
app.use(express.urlencoded());
var options = {
target: 'http://10.254.222.170',
//target: 'http://10.214.69.242:8080',
changeOrigin: true,
ws: true,
pathRewrite: {
'^/IDSJTVersion': '/IDSJTVersion'
}
}
var options1 = {
//target: 'http://10.254.201.218:8090',
target: 'http://10.254.222.170:8080',
changeOrigin: true,
ws: true,
pathRewrite: {
'^/AtmosphericWeb': '/AtmosphericWeb'
}
}
//var exampleProxy = proxy(options)
//app.use('/api', exampleProxy)
app.get('/liuhao', function (req, res) {
res.send('我是服务端来的数据')
})
/**
* 读取路径信息
* @param {string} path 路径
*/
function getStat(path){
return new Promise((resolve, reject) => {
fs.stat(path, (err, stats) => {
if(err){
resolve(false);
}else{
resolve(stats);
}
})
})
}
/**
* 创建路径
* @param {string} dir 路径
*/
function mkdir(dir){
return new Promise((resolve, reject) => {
fs.mkdir(dir, err => {
if(err){
resolve(false);
}else{
resolve(true);
}
})
})
}
/**
* 路径是否存在，不存在则创建
* @param {string} dir 路径
*/
async function dirExists(dir){
let isExists = await getStat(dir);
//如果该路径且不是文件，返回true
if(isExists && isExists.isDirectory()){
return true;
}else if(isExists){ //如果该路径存在但是文件，返回false
return false;
}
//如果该路径不存在
let tempDir = path.parse(dir).dir; //拿到上级路径
//递归判断，如果上级目录也不存在，则会代码会在此处继续循环执行，直到目录存在
let status = await dirExists(tempDir);
let mkdirStatus;
if(status){
mkdirStatus = await mkdir(dir);
}
return mkdirStatus;
}
app.post('/upload', function(req,res){
var form = new formidable.IncomingForm();
console.log('about to parse');
form.parse(req, function(error, fields, files){
console.log('parse done',files.upload.name)
console.log(files.upload.path);
// 读取文件流并写入到public/test.png
var end=(files.upload.name).split(".")
var endstr=end[end.length-1]
var time=new Date().getTime()+""+Math.floor(Math.random()*100000000000)+'.'+endstr
fs.writeFileSync('./public/uploadImg/'+time, fs.readFileSync(files.upload.path));
//重定向到结果页
res.send('http://localhost:3000/uploadImg/'+time)
})
});
app.use(express.static('public'))
app.listen(3000, () => console.log('Example app listening on port 3000!'))
<form target="frame" action="/upload" method="POST" enctype="multipart/form-data">
<input type="file" name="upload" id="upload" multiple="multiple" value="" />
<button type="submit">提交</button>
</form>
<iframe name="frame" id="iframe" style="display: none"></iframe>
<script>
document.getElementById("iframe").onload=function(){
alert(document.getElementById("iframe").contentWindow.document.body.innerText)
}
</script>
最新文章
- 用流来读取文件（getline，istringstream）
- less sass学习总结（——待续哦——）
- WINDOWS系统Eclipse+NDK+Android + OpenCv
- 【JAVA】Quartz 任务调度和异步执行器
- ASP.NET MVC and jqGrid 学习笔记 4-排序
- http状态代码含义表
- OpenJudge 2753 菲波那契数列
- dublin core实例
- Dijkstra算法and Floyd算法 HDU 1874 畅通工程续
- iOS9新特性之UIStackView
- 为joomla加入�下拉菜单的方法
- ym——安卓巴士总结了近百个Android优秀开源项
- 【翻译】Why JavaScript Is and Will Continue to Be the First Choice of Programmers
- AngularJS中实现服务端分页
- Oracle学习笔记四
- jsp注释<%-- --%>和<!-- -->的区别
- 自建yum仓库，分别为网络源和本地源
- springboot之单元测试
- Android view显示在软键盘上方
- react redux学习之路