美文网首页
基于axios+express 的前后端上传下载文件

基于axios+express 的前后端上传下载文件

作者: stanf1l | 来源:发表于2019-01-06 18:32 被阅读0次

后端

Nodejs进阶:基于express+multer的文件上传
按原文件名存文件
有想过为什么不直接用 fs.rename()来转移文件,原来是这个函数不支持跨磁盘操作,所以就用读写文件来move,再加上一个删除临时文件:

fs.unlink(临时文件path, callback)

前端:

  1. 向后端传文件需要用 axios.post(),Content-Type 设置成 'multipart/form-data',data 为 FormData Object


    image.png
  2. fd.append(key, 文件对象, 自定义文件名)
  • 第一个参数与第二个参数构成键值对,后端通过key拿到文件
  • 第二个参数是通过<input />拿到的文件
<input ref={ (input)=> {this.fileInput=input} }/>
...
this.fileInput.files[0] 拿到文件

相关文章

网友评论

      本文标题:基于axios+express 的前后端上传下载文件

      本文链接:https://www.haomeiwen.com/subject/pqpsrqtx.html