win10下ftp+nginx服务器搭建实现图片上传预览

工作中图片上传服务器后无法用img标签预览,因ftp地址不能直接用http格式访问。可通过搭建ftp+nginx实现图片预览访问。本文介绍了nginx服务器的搭建步骤,包括下载、配置端口和访问路径等,还推荐了nginx学习博客,以及解决nginx配置文件加载无效的方案。

背景:

工作中做了一个维护前台图片自动轮播的功能。后台维护图片列表信息,前台自动更新轮播。上传图片时,图片成功上传到服务器,但用img标签预览时怎样都显示不出来,经查发现ftp的地址不能直接用http格式访问。

<img id="image" src="http://172.16.15.21:8090/img/9ec5aed4-0f5d-42e3-8d9a-e00f7aa32947.jpg">

网上查了各种资料,说是直接绑定ftp地址,如 ftp://账户:密码@主机地址:端口号/图片名称。但这种方式容易暴露ftp信息,且目前越来越多的浏览器开始禁止使用这种方式了。

跟随 Chrome,Firefox 将阻止加载大多数 FTP 资源 - OSCHINA - 中文开源技术交流社区

后查可以通过搭建ftp+nginx实现图片的预览访问。

服务器的搭建:

window下ftp服务器的搭建不细讲了,本文介绍nginx服务器的搭建。

nginx服务器下载地址:nginx: download

选择红框中

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值