普通文件上传

    1. const express = require('express');
    2. const app = express();
    3. const path = require('path')
    4. const multiparty = require('multiparty'); //  处理上传文件
    6. app.use(express.static(path.join(__dirname, 'public')))
    8. //  普通文件上传
    9. app.post('/sendfile', (req, res) => {
    10.   //  上传到temp地址
    11.   const form = new multiparty.Form();
    12.   form.encoding = 'utf-8';
    13.   //    需要有file文件夹，否则报错
    14.   form.uploadDir = 'file'
    15.   form.parse(req, function (err, fields, files) {
    16.     // 处理其他  
    17.   })
    18.   form.on('file', () => {
    19.     res.send('ok');
    20.   })
    21. })
    23. app.listen(2000)
    1. <input type="file" id="file">
    2. <button onclick="sendFile()">上传</button>
    4. <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>  
    5. //  文件
    6. let file = null;
    7. document.getElementById('file').addEventListener('change', e => {
    8.   file = e.target.files[0]
    9. })
    10. //  普通文件上传
    11. function sendFile() {
    12.   const formData = new FormData();
    13.   formData.append('file', file);
    14.   sendFileApi(formData)
    15. }
    16. //  文件上传api
    17. function sendFileApi(data) {
    18.   axios({
    19.     url: "http://localhost:2000/sendfile",
    20.     method: "POST",
    21.     data
    22.   })
    23.     .then((result) => {
    24.     console.log(result)
    25.   }).catch((err) => {
    26.     console.log(err);
    27.   });
    28. }