页面刷新图片失效，多图片上传

Question

双越老师你好，有以下两个问题想向您请教：
1.我上传并保存后的图片在数据库中是【blob:http://localhost:8080/7a78e775-b7f2-4bf2-a3e1-6a4ca8db72b9】 类型的，不知道为什么初次上传保存后能在页面上看到图片，一旦刷新页面，图片全都没了。我要怎么做才能让我上传的图片刷新页面后也存在？
页面刷新前：

页面刷新后：

就是页面一刷新，这个image属性的地址就失效了，为什么？

2.单个图片上传使用fs-extra，那么多图片上传还能使用fs-extra吗，必须要改用koa-multer实现多图片上传吗？

---

刷新页面前：我直接复制数据库中表的picture地址在浏览器中打开就能显示图片

但是，我一旦刷新页面，这个picture地址就失效了，页面上不能正常显示，而且数据库表中的地址也失效了。

我还发现了一个问题，就是我登录后，上传图片的时候，loginCheck中间件显示我未登录，其他使用loginCheck中间件的地方都很正常（是不是刷新页面图片失效与这个有关？），但是我还是能把这个图片上传成功，只是刷新页面后就不显示了。

然后我尝试不加loginCheck中间件，会报这么一个错误（但我没搜到这个错误代表什么意思）

我前端使用的是vue，上传图片是这么写的：

不知道老师能否给出点出错的大致原因，非常感谢！！

Answer 1

双越 2023-03-20 11:23:55

看错误提示，像是某个文件或目录已经存在了，而你重复创建了。在上传文件的过程中。

Answer 2

双越 2023-03-20 08:11:23

500 错误码代表服务端代码运行错误，你得吧截图截全了，让我看到错误内容

• 提问者 前端小菜向神冲 #1

  好的老师，我更新了一下错误，麻烦您再看一下

Answer 3

双越 2023-03-18 10:12:05

第二个问题。

fs-extra 是 nodejs 文件操作的 API 扩展，其实没有它，你直接用 fs 模块也可以，只不过稍微麻烦一点。这和但图片、多图片没关系。

koa-multer 只是解决了：获取一次请求中多个文件。

Answer 4

双越 2023-03-18 10:10:44

第一个问题。

你把第二次刷新的这个地址拷贝下来，然后单独在 HTML 中创建一个 <img src="xxx"/> 标签，把地址粘贴上，看能显示图片吗

• 提问者 前端小菜向神冲 #1

  老师，我又更新了一下问题，麻烦您再看一下我下面新增的地方，非常感谢！！（这个问题困扰我好几天了...）

Answer 5

双越 2023-03-18 08:48:59

“一旦刷新页面，图片全都没了”—— 什么叫“没了”？  加载图片的 http 请求返回了什么？

• 提问者 前端小菜向神冲 #1

  老师，我更新了一下这个问题，请您再看一下，还有麻烦回答一下第二个问题，谢谢！！