我想使用下一个 js 从本地存储导入图像

Posted 2023-03-06

【中文标题】我想使用下一个 js 从本地存储导入图像

【英文标题】：i want to import image from my local storage using next js

【发布时间】：2021-12-28 18:23:10

【问题描述】：

最近在学习 next.js。

我对从本地存储导入图像有一些疑问。

这是错误的

./logo/Iu.jpg TypeError：不支持的文件类型：未定义（文件：未定义）

这是我的代码

import Image from "next/image";
import Iu from "../../logo/Iu.jpg";

const Banner = () => 
  return (
    <div>
      <Image src=Iu layout="fill" objectFit="contain" objectPosition="left" />
    </div>
  );
;

export default Banner;

绝对，安装了next-images，next.config.js已经完成，所以我可以导入svg文件，但无法导入png、jpg文件

以防万一，我还安装了文件加载器并编写了 webpack.config.js，

请帮帮我..

【问题讨论】：

您在代码中的哪个位置使用本地存储？还是只是关于为本地文件系统加载图像文件的问题？

【参考方案1】：

试试这个：

将文件保存在/public/logo/Iu.jpg

使用路径"/logo/Iu.jpg"导入

【讨论】：

正在尝试.. 但是，找不到模块：无法解析 '/logo/Iu.jpg' ㅠ_ㅠ，

@suwan 不从路径导入文件，直接作为图片的src，即<Image src="/logo/Iu.jpg" layout="fill" objectFit="contain" objectPosition="left" />。

哦！谢谢你..，现在，我明白了..，我非常爱你，