abc01230123abc的gravatar头像
abc01230123abc 2015-06-24 15:46:27

如何在web项目中用户上传图片到非web项目目录下,而外网也可以通过http访问到?

刚开始设计图片上传完成后存放在项目中的某个文件夹下,在前台使用

<img src="/cms-web/upload/img/2015/06/24/aa042fd83a5846cea9328a22e80c5a30.jpg" style="width:100px;height:100px;float:center;">

展现

但图片作为用户的数据不能因为项目的更新部署而丢失,所以希望把该文件夹放在项目外部。

<img src="D:/cms/upload/img/2015/06/24/bca75b2b22af4efebb4024ec60198f39.jpg" style="width:100px;height:100px;float:center;">

然后浏览器就报错   

Not allowed to load local resource: file:///D:/cms/upload/img/2015/06/24/bca75b2b22af4efebb4024ec60198f39.jpg

不能展现,请问有什么解决办法吗

所有回答列表(4)
最代码官方的gravatar头像
最代码官方  LV168 2015年6月24日

对于静态资源最好通过apache,nginx来服务。

所以你的这个需求可以这么实现。

通过后端程序java,php或.net实现接收用户上传图片文件,之后将其存储到前端web server可以访问的http目录

比如最代码的图片存储路径:

/data/www/static.zuidaima.com/images/

nginx的配置:

location / {
    root   /data/www/static.zuidaima.com/;
}

java程序目录

/data/www/www.zuidaima.com/

舞亦恩的gravatar头像
舞亦恩  LV7 2015年6月25日

把文件存放路径目录映射到tomcat中,方法如下:

1、找到tomcat的配置文件(\conf\server.xml)并打开

2、在【host】与【/host】之间加入如下代码:【<Context path="/file"      docBase="E:\test" debug="0" reloadable="true"/>】其中:【path】就是映射的路径,【docBase】就是你的文件所在路径 

3、调用方法:【E:\test】下有一张test.jpg的图片 

  【img 标签中的src改为“/file/test.jpg”】

4、测试ok

huaxinwu的gravatar头像
huaxinwu  LV10 2017年4月12日

前后端分离,图片是存放在服务器上的,前端服务器怎么获取你

itplayboy的gravatar头像
itplayboy  LV4 2018年6月27日

请问问题是怎么解决的呢??

 

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友