页面刷新图片失效，多图片上传
来源：6-3 文件上传（下）
前端小菜向神冲
2023-03-17
双越老师你好，有以下两个问题想向您请教：
1.我上传并保存后的图片在数据库中是【blob:http://localhost:8080/7a78e775-b7f2-4bf2-a3e1-6a4ca8db72b9】 类型的，不知道为什么初次上传保存后能在页面上看到图片，一旦刷新页面，图片全都没了。我要怎么做才能让我上传的图片刷新页面后也存在？
页面刷新前：
页面刷新后：
就是页面一刷新，这个image属性的地址就失效了，为什么？
2.单个图片上传使用fs-extra，那么多图片上传还能使用fs-extra吗，必须要改用koa-multer实现多图片上传吗？
刷新页面前：我直接复制数据库中表的picture地址在浏览器中打开就能显示图片
但是，我一旦刷新页面，这个picture地址就失效了，页面上不能正常显示，而且数据库表中的地址也失效了。
我还发现了一个问题，就是我登录后，上传图片的时候，loginCheck中间件显示我未登录，其他使用loginCheck中间件的地方都很正常（是不是刷新页面图片失效与这个有关？），但是我还是能把这个图片上传成功，只是刷新页面后就不显示了。
然后我尝试不加loginCheck中间件，会报这么一个错误（但我没搜到这个错误代表什么意思）
我前端使用的是vue，上传图片是这么写的：
不知道老师能否给出点出错的大致原因，非常感谢！！
5回答
-
双越
2023-03-20
看错误提示，像是某个文件或目录已经存在了，而你重复创建了。在上传文件的过程中。
00 -
双越
2023-03-20
500 错误码代表服务端代码运行错误，你得吧截图截全了，让我看到错误内容
012023-03-20 -
双越
2023-03-18
第二个问题。
fs-extra 是 nodejs 文件操作的 API 扩展，其实没有它，你直接用 fs 模块也可以，只不过稍微麻烦一点。这和但图片、多图片没关系。
koa-multer 只是解决了：获取一次请求中多个文件。
00 -
双越
2023-03-18
第一个问题。
你把第二次刷新的这个地址拷贝下来，然后单独在 HTML 中创建一个 <img src="xxx"/> 标签，把地址粘贴上，看能显示图片吗
012023-03-19 -
双越
2023-03-18
“一旦刷新页面，图片全都没了”—— 什么叫“没了”？ 加载图片的 http 请求返回了什么？
012023-03-18
相似问题