前端通过src获取java上传到Linux服务器的图片

这篇博客介绍了如何通过Nginx配置将前端的src路径映射到Linux服务器上的图片路径,以便直接通过IP加端口访问图片。首先,通过Xshell和Xftp上传图片到Linux的/home目录,然后编辑Nginx配置文件,添加location规则,将/file/路径映射到实际图片路径。最后,重启Nginx服务,成功实现了通过http://192.168.200.130/file/111.jpg访问图片的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

零、介绍

核心:就是通过ngixn将前端的src路径转发到linux目录图片的路径。

一、实现流程

前端通过src获取java上传到Linux服务器的图片
1、 首先通过xshell链接服务器,然后通过xftp模拟代替java代码上传图片到服务器指定地址,这里为了方便直接上传到/home目录下
在这里插入图片描述

我们找到nginx的配置文件,增加配置
实现效果:我们通过ip+端口+路径让他指向静态文件
当我们访问http://192.168.200.130/file/111.jpg可以访问到对应的图片
这里默认80端口,如果部署的boot项目,端口使用yml配置的端口

location /file/ {
        root   /;
        rewrite ^/file/(.*)$ /home/$1 break;
    }

修改完成后我们重启nginx,命令./nginx -t 需要在nginx的sbin目录下执行
这时候我们直接地址栏访问http://192.168.200.130/file/111.jpg效果如下:

在这里插入图片描述
在这里插入图片描述

前端通过src获取java上传到Linux服务器的图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值