前端与后端如何上传图片!

这边是一个简单的前端与后台的上传，后端的话是使用node.js来写的一个接口。

先看代码吧！

  
    
    
    
  
  
    

      
    
    点击上传图片
    
    
  

后台代码

const express = require("express");
const multiparty = require("multiparty");
const app = express();
const fs = require("fs");
app.post("/upload", (req, res) => {
  let form = new multiparty.Form({ uploadDir: "./upload" });
  form.parse(req, (err, fields, files) => {
    console.log(fields, "fields");
    console.log(files, "files");
  });
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.send("hello");
});
app.get("/getimg", (req, res) => {
  res.setHeader("Access-Control-Allow-Origin", "*");
  fs.readFile("./upload/1.png", (err, data) => {
   console.log(data);
    res.send(data);
  });
});
app.listen(3000, () => {
  console.log("苍蝇拍的服务器启动");
});