vue + multer 上传图片

vuejs（element-ui） + express (multer)上传文件

  1.npm install multer --save

  2. 新建vue文件

    主要代码：

                                   Only .mp3, .png and .jpg file can be uploaded and size limit is 10MB.
            upload                 getFileInfo: function (event) {         if (event.target.files && event.target.files.length) {           this.upFile = event.target.files[0]; //主要读取file 显示一些信息 //.... submit: function (event) {         var self = this;         var fd = new FormData(event.target);         fetch('/uploadResource', {           method: 'POST',           body: fd,           credentials: "include"         }).then(response => {//....})           }  3.  fetch里面的url (读取文件存放到指定的目录下面)   var fs = require('fs') var multer = require('multer') var path = "./public/static/upload";
// if (!fs.existsSync(path)) { //     fs.mkdirSync(path) // }
var storage = multer.diskStorage({     destination: function (req, res, cb) {         cb(null, path);     },     filename: function (req, file, cb) {         cb(null, file.originalname)     } })
var upload = multer({     storage: storage,     limits: {         fieldNameSize: '10M'     } })

exports.singleUpload = function (req, res) {     s = uploadResource.single('imgUpload');     s(req, res, function (err) {         if (err) {             res.send({                 'status': 'failed'             })         } else {             res.send({                 'status': 'ok'             })         }     }) }   4. api增加到router router.post('/getFile',upload.singleUpload)   其他补充：如果是excel 换成     accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"       api里面解析的时候 用到 var xlsx = require('xlsx')；//自己了解                          
NodeJS

相关

在虚拟机(centos)上安装或卸载nodejs

nodejs 一个简单的web服务器，用于前端自己快速测试部署

nodejs搭建web服务器初级

Nodejs 经典入门 -- Hello World

nodeJS基础2

NVM Linux Windows nodejs 版本管理工具

NodeJs

nodejs项目的配置

nodejs 路由的配置和安装 get与post的参数获取

windows 安装 nodejs指定版本

nodejs入门API之http模块

nodejs中router的使用

标签