前后端交互——上传文件与FormData(1)，前端开发移动

let xhr = new XMLHttpRequest();

// get 无法上传文件，因为他上传都是在头部位置

// 而文件需要通过正文的方式

xhr.open(“post”,“/upload”,true);

xhr.onload = function(){

console.log(xhr.responseText);

};

xhr.send(form);

}

服务器文件

const Koa = require(“koa”);

const static = require(“koa-static”);

const Router = require(“koa-router”);

const userData = require(“./data/users.json”);

const koaBody = require(“koa-body”);

const fs = require(“fs”);

const mysql2 = require(“mysql2”);

const connection = mysql2.createConnection({

host: “localhost”,

user: “root”,

password: “123321”,

database: “js01”,

charset: “utf8”

});

let app = new Koa();

let router = new Router();

app.use(koaBody({

multipart: true

}));

app.use(static(__dirname + “/static”));

router.get(“/”, ctx => {

ctx.body = “hello world”

});

router.post(“/upload”, async ctx => {

// 将传递过来的文件，读取

let fileData = fs.readFileSync(ctx.request.files.img.path);

// 将读取的文件写入到指定的目录中

fs.writeFileSync(“static/imgss/” + ctx.request.files.img.name,