简介

本文记录使用Uniapp开发小程序时，如何实现一个文件（图片）上传的功能，并且将图片上传至阿里云OSS。

基于Vue3

选择图片

ts
const selectImage = () => {
  uni.chooseImage({
    count: 1,
    sizeType: ["compressed"],
    success: (file) => {
      console.log(file);
      getSignature("avatar").then((sign) => {
        // console.log(sign);
        const newName = getNewFilename(file.tempFilePaths[0]);
        // console.log(newName);
        uploadImage(sign, newName, file.tempFilePaths[0]).then((res) => {
          // console.log(res);
          imageStr.value = `${sign.host}/${sign.dir}/${newName}`;
          info.value.avatarUrl = `${sign.host}/${sign.dir}/${newName}`;
        });
      });
    },
  });
};

原帖链接：https://x.com/dugong0716/status/1807874276009431296

原帖链接：https://www.instagram.com/p/C7-V8t7y_jJ/?igsh=MWEzbW5ocXhiZGNoeg==

原推主：https://x.com/Murata_san_

本贴所有图片均来自原推主。原神启动！

原帖链接：https://x.com/lakeside529/status/1807948466007728202