【Element-plus】vue组合式中使用el-upload通过oss接口上传图片流程（可直接复制使用）

本文主要是介绍【Element-plus】vue组合式中使用el-upload通过oss接口上传图片流程（可直接复制使用），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Html

        <el-upload:action=ossUrl:on-success="handleImgSuccess":headers="{Authorization:token}"><el-icon><Plus /></el-icon>点击上传图片</el-upload>

JS

const ossUrl = ref("")
ossUrl.value = 【你的ossUrl】
const loginStore = useLoginStore();
const token = 【你的token】     // 如果没有可以忽略
const handleImgSuccess = (response) => {console.log(response)if (response.code === 200) {【你的imgUrl】 = response.data.url}
}

这篇关于【Element-plus】vue组合式中使用el-upload通过oss接口上传图片流程（可直接复制使用）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---