换了mac页面显示不正常

换了mac页面显示不正常

老师我重新提交了作业,但不知道为什么我从window换到macbook pro后打开这个作业页面却显示不出样式效果,上传的图片也显示不出来http://img1.sycdn.imooc.com//climg/5d80f02f099a256e25261262.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
芝芝兰兰 2019-09-18 16:05:57

同学你好。

1、这是不同系统的分隔符不同的缘故。本地路径,文件 - Windows中使用“\”,mac中使用“/”

另外在编程中,常用反斜杠\加字符表示转义字符,如\0表示“空字符”\r表示“回车”,\n表示“换行”等。

而""则表示反斜杠\的转义字符,在编程中常用于表示反斜杠\不是普通的字符,而是路径的分隔符。如用一个字符串存储保存文件的路径时,路径为F:\Temp\image.jpg;则用字符串存储时,应该写为str=F:\Temp\image.jpg;

因为若不这样表示,则反斜杠\将会当作普通字符,而非路径的分隔符。

2、和前端网页相关的部分

1)统一资源定位符(Uniform Resource Locator,URL) 使用 “/”,分隔

2)出现在普通字符串中的路径,如果代表的是windows文件路径,则使用 斜杆/ 和 反斜杠\ 是一样的;如果代表的是网络文件路径,则必须使用 斜杆/ ;

<img src=".\image/test.jpg" /> // 本地文件路径,/ 和 \ 是等效的
<img src="./image/test.jpg" />
<img src="http://localhost:8080/porject/test/.jpg" /> // 网络文件路径,一定要使用/

3、java中有获取当前系统分割符的方法,可以得到一个String对象,然后将path替换一遍:

String seperator = System.getProperty("file.separator");
path = path.replace("/",seperator);

如果解答了同学的疑问,望采纳~

祝学习愉快~


  • 提问者 慕UI5285863 #1
    谢谢老师,那么css的问题呢
    2019-09-18 16:11:27
  • 提问者 慕UI5285863 #2
    老师,如果我只写"/"斜杠,windows也支持吧,可以不写反斜杠吗
    2019-09-18 16:36:04
  • 芝芝兰兰 回复 提问者 慕UI5285863 #3
    1、<!DOCTYPE html>是声明此文档是按照HTML5语法来解析的。去掉后即可使用可能是页面中含有HTML5不支持的格式。 2、在直接读取本地文件时,Windows下需要使用反斜杠“\”的,直接使用“/”会报错。像这里的url,是要用在文件写入的。所以还是使用System.getProperty("file.separator");才能达到跨设备呢~祝学习愉快~
    2019-09-18 16:48:55
好帮手慕阿满 2019-09-18 12:00:05

同学你好,作业是按照提交顺序批复的,所以同学刚提交的作业请耐心等待一下,我们会尽快批复。关于显示的问题,应该是css样式没有加载成功,建议同学查看浏览器的控制台,是否有报错。

祝:学习愉快~

  • 提问者 慕UI5285863 #1
    老师,css加载的问题我是这样解决的,我把jsp中开头的"<!DOCTYPE html>"去掉就能正常加载了,但是不知道为什么。 然后文件上传的问题是,我发现上传头像后文件是存入了upload文件夹的上一层,而且系统把"upload"作为文件名里的一部分,而不是解读为一个文件夹。也就是说,String path = getServletContext().getRealPath("/upload");String url=path + "\\" + uuidFileName;当通过这样的url路径写入时,文件名变成了"upload\\xxxx.jpg"
    2019-09-18 15:39:11
  • 提问者 慕UI5285863 #2
    然后我把"String url=path + "\\" + uuidFileName"的双反斜杠换成了"//",头像便正常上传加载了,所以老师没有处理过这样的问题吗?
    2019-09-18 15:48:13
  • 提问者 慕UI5285863 #3
    所以在实际开发中,我们是否根据不同的系统要写不同的多份代码
    2019-09-18 15:50:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师