HarmonyOS 鸿蒙Next js 如何通过uri下载图片

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next js 如何通过uri下载图片 小白求助！

如题，我通过调用图库获取了图片的uri，但是现在我需要将这张图片传到我的数据库上面，因此我需要根据这个uri来下载到这个图片再上传。

有没有伙伴能够帮帮我！

6 回复

楼主解决了吗，怎样才能上传图片啊

更多关于HarmonyOS 鸿蒙Next js 如何通过uri下载图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


我是直接通过uri获取二进制数据流byte[]，上传这个就行，

使用 request.download ({url:xxxx}) 可以将图片下载到本地，不默认保存在对应的包名下的 files 中。

欢迎开发小伙伴们进来帮帮楼主

参考文档https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-request-0000001123753962

可以使用upload(config: UploadConfig): Promise<UploadTask>方法

UploadConfig中的file中有name，url等

在HarmonyOS（鸿蒙）系统中，使用Next.js通过URI下载图片的过程与在其他JavaScript环境中相似。以下是一个基本的实现方法：

  1. 获取URI：首先，确保你有一个有效的图片URI。这个URI可以是网络上的图片地址，也可以是鸿蒙设备内部存储的图片路径（如果是内部路径，需要确保应用有相应的访问权限）。

  2. 发起请求：使用fetch API或类似的HTTP请求库（如axios）来发起对URI的GET请求。在Next.js中，这通常在组件的useEffect或页面的getInitialProps（如果仍在使用）中进行。

  3. 处理响应：请求成功后，将响应的数据（通常是Blob或ArrayBuffer类型）转换为Blob对象，然后可以创建一个指向该Blob对象的URL。

  4. 显示图片：使用<img>标签的src属性设置为上一步创建的URL，即可在页面上显示图片。

  5. 错误处理：确保添加错误处理逻辑，以处理请求失败或网络问题。

示例代码（简化版）：

useEffect(() => {
    const imageUri = '你的图片URI';

    fetch(imageUri)
        .then(response => response.blob())
        .then(blob => {
            const imageUrl = URL.createObjectURL(blob);
            setImageUrl(imageUrl); // 假设你有一个setImageUrl状态更新函数
        })
        .catch(error => console.error('下载图片失败:', error));
}, []);

// 然后在JSX中使用<img src={imageUrl} alt="描述" />来显示图片

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部