web前端上传图片到Java后端,并保存到本地。一般来说,图片在后端的存储方式分为两种:一,可以将图片以独立文件的形式存储在服务器的指定文件夹中,再将路径存入数据库字段中,二,将图片转换成二进制流,直接存储到数据库的Image类型字段中。
在WebStorm中,图片路径的写法与普通的HTML和CSS代码类似,主要取决于你的图片文件在项目文件夹中的相对路径。以下是几种常见的图片路径写法:
1. 相对路径
如果你的图片文件与HTML或CSS文件在同一个目录下,可以使用相对路径来引用图片。比如,如果你有一个名为“logo.png”的图片文件与一个名为“index.html”的HTML文件在同一个目录下,你可以使用以下代码来引用该图片:
```
<img src="logo.png" alt="Logo">
```
2. 上级目录
如果你的图片文件在当前文件所在目录的上一级目录下,可以在图片文件名前加上两个点(..)来表示上一级目录。比如,如果你有一个名为“images”的文件夹包含所有的图片文件,而该文件夹与HTML或CSS文件在同一个目录下,你可以使用以下代码来引用该文件夹中的某张图片:
```
<img src="../images/logo.png" alt="Logo">
```
3. 绝对路径
如果你的图片文件在项目文件夹的更高层级目录中,可以使用绝对路径来引用该文件。比如,如果你有一个名为“assets”的文件夹包含所有的项目资源文件,而该文件夹与HTML或CSS文件在不同的目录下,你可以使用以下代码来引用该文件夹中的某张图片:
```
<img src="/assets/images/logo.png" alt="Logo">
```
需要注意的是,在这种情况下,图片文件路径以斜杠(/)开头,表示从项目根目录开始的路径。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)