uniapp 使用 uni-file-picker 上传头像

 

此处使用 @select 处理选择完文件后的逻辑,即将文件上传到自己的服务器。 

<uni-file-picker limit="1" :del-icon="false" disable-preview :imageStyles="imageStyles"
					file-mediatype="image" @select="upload">选择</uni-file-picker>

 此处我需要将头像的存储地址存入数据库中,因此需要上传额外的参数(用户的id),所以需要使用 uni.uploadFile() 的 formData。

/* 头像上传 */
upload(e) {
  console.log(e)
  uni.uploadFile({
	url: 'http://localhost:8887/uploadAvatar',
	filePath: e.tempFilePaths[0],
	name: 'file',
	formData: {
	  sid: this.student.sid
	},
	header: {
	  'content-type': 'multipart/form-data' // 使用multipart/form-data格式
	},
	success: (res) => {
	  console.log(res)
	}
  })
}

相关推荐

  1. flutter file_picker dio web端记录

    2024-02-01 13:12:02       37 阅读
  2. SpringBoot实现头像(查看头像)

    2024-02-01 13:12:02       7 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-01 13:12:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-01 13:12:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-01 13:12:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-01 13:12:02       18 阅读

热门阅读

  1. 植保无人机如何提高作业效率?

    2024-02-01 13:12:02       31 阅读
  2. openssl3.2 - 帮助文档的整理

    2024-02-01 13:12:02       40 阅读
  3. 影响PCBA制造成本的因素有哪些?

    2024-02-01 13:12:02       35 阅读
  4. 【Spring框架】@Cacheable注解:缓存最佳实践

    2024-02-01 13:12:02       35 阅读
  5. ffmpeg 从视频文件抓取图片 (帧)的用法

    2024-02-01 13:12:02       29 阅读
  6. docker概念和常见命令

    2024-02-01 13:12:02       35 阅读
  7. Fiddler-03总结

    2024-02-01 13:12:02       27 阅读
  8. Kerberos安装

    2024-02-01 13:12:02       30 阅读
  9. [python] 使用sqlparse 解析和美化SQL

    2024-02-01 13:12:02       23 阅读
  10. Linux 分卷压缩命令

    2024-02-01 13:12:02       37 阅读