vue上传头像总结

最新推荐文章于 2024-05-31 17:05:24 发布

Gesmee

最新推荐文章于 2024-05-31 17:05:24 发布

阅读量266

点赞数

分类专栏： # vue

本文链接：https://blog.csdn.net/suxiao_21/article/details/111316531

版权

这篇博客介绍了如何在Vue前端实现头像上传功能，并提供了JS和Java后台的代码示例。同时，详细阐述了通过Nginx配置图片的网络路径与本地存储目录的映射，确保图片能够正确显示。在Tomcat服务器中，可以通过修改server.xml来配置图片的存储路径。

摘要由CSDN通过智能技术生成

前端代码示例
js示例
后台java代码示例
配置nginx映射图片实际存储目录和网络路径
本地如果nginx没配成功，也可以把图片文件夹路径作为一个项目在tomcat服务器里跑
在tomcat的server.xml的最底下配置如下，D:\noah-upload就是图片真实存储目录
原理
图片上传的底层实现其实是文件流，至于查看就需要nginx根据网络路径去映射真实文件
路径映射规律
网络路径：
http://localhost:8081/2020/12/14/6cca58a18ab7491d9a713b9ed66e88ad.jpg
图片目录：
D:\noah-upload\2020\12\12\6cca58a18ab7491d9a713b9ed66e88ad.jpg
http://localhost:8081映射到D:\noah-upload
代码中的路径配置如下：
“ziYanDomain”:“http://localhost:8081”,
“ziYanBucketName”:“D:/noah-upload”,

关注

专栏目录