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

后端

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] 拿到文件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近,自己玩nodeJs,用上了Express框架,小白。上传文件,查了写资料。发现了有req.files这个接口...
    kamiSDY阅读 39,801评论 1 9
  • feisky云计算、虚拟化与Linux技术笔记posts - 1014, comments - 298, trac...
    不排版阅读 3,937评论 0 5
  • 总结一: [node.js总结](http://www.cnblogs.com/Darren_code/archi...
    xiumeiii阅读 1,932评论 0 14
  • 最近太忙,实在没时间发心得,但是好文章还是一直在关注的,下面转了一篇我觉得百分百好文章。 以下,开始。 大家好,我...
    杨小侘阅读 406评论 0 0
  • 在金钱世界中最重要的词语是现金流,第二重要的词语是杠杆。 相对于穷人和中产阶级而言,富人拥有的最大优势是财务杠杆(...
    过山车阅读 119评论 0 0