node處理上傳圖片，解析，存儲(chǔ)路徑

zoomdong 發(fā)布于2019-08-20 15:56 / 1446人閱讀

摘要：圖片上傳，解析數(shù)據(jù)，存儲(chǔ)文件。參考參考不處理數(shù)據(jù)不設(shè)置請(qǐng)求頭跨域編碼保留擴(kuò)展名文件大小存儲(chǔ)路徑解析數(shù)據(jù)獲取文件路徑修改之后的名字同步讀取文件存儲(chǔ)文件刪除文件

圖片上傳，解析formData數(shù)據(jù)，存儲(chǔ)文件。

參考1 http://www.cnblogs.com/yuanke...
參考2 https://github.com/felixge/no...

index.html

test.js

$("button").on("click", function (e) {
    e.preventDefault()
    var obj = new FormData();
        obj.append("img",$("input").get(0).files[0]);
    $.ajax({
        url:"http://localhost:8081/test",
        type:"post",
        data:obj,
        processData:false, // 不處理數(shù)據(jù)
        contentType : false, // 不設(shè)置請(qǐng)求頭
        cache:false,
        success:function(data){
            console.log(data)
        }
    })
})

node app.js

const express = require("express")
const fs = require("fs")
const formidable = require("formidable")
const app = express()
const bodyParser = require("body-parser")
app.use(bodyParser.urlencoded({ extended: false }))

app.post("/test",function(req,res){
    // 跨域
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
    
    let form = new formidable.IncomingForm();
        form.encoding = "utf-8"; // 編碼
        form.keepExtensions = true; // 保留擴(kuò)展名
        form.maxFieldsSize = 2 * 1024 * 1024; // 文件大小
        form.uploadDir = "C:/Users/Administrator/Downloads"  // 存儲(chǔ)路徑
        form.parse(req,function(err,fileds,files){ // 解析 formData數(shù)據(jù)
            if(err){ return console.log(err) }

            let imgPath = files.img.path // 獲取文件路徑
            let imgName = "./test." + files.img.type.split("/")[1] // 修改之后的名字
            let data = fs.readFileSync(imgPath) // 同步讀取文件

            fs.writeFile(imgName,data,function(err){ // 存儲(chǔ)文件

                if(err){ return console.log(err) }

                fs.unlink(imgPath,function(){}) // 刪除文件
                res.json({code:1})
            })
        })
})

app.listen(8081)