logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里实现上传文件(实施)

  • 在创建内容页面组件中有一个用于上传文件的函数create file
  • 该函数接受一个名为post id的参数,类型为number
  • 函数首先创建FormData并添加名为file的文件字段。
  • 然后使用ucpi fetch接口/files发起POST请求,将post id作为查询参数。
  • 请求体设置为FormData,接收到的数据包含在data里。
  • 如果data里有value,设置image preview
  • 创建内容后(create post),使用create file上传图像文件,需要内容的ID
  • 浏览器中可以通过选择图像文件、输入标题和正文、点击发布来测试功能。
  • 发布内容后,上传图像文件,页面将显示发布的内容。