我的需求是在JSP显示图片,一直听信网上的"大牛" 找路径的问题,看到这篇文章后,顿时明了。
本文参考:http://blog.sina.com.cn/s/blog_622bd16601018ixu.html
Jsp 不能显示本地图片
Jsp 不能用绝对路径显示图片
Tomcat 不能显示本地图片
MyEclipse 不能显示本地图片
MyEclispe内置浏览器可以显示图片,外部浏览器不能显示
网站图片存放处理问题
以上是在用MyEclipse开发Web应用中可能会碰到的同一个问题,只是大家问问题的方式不一样,我也碰到过这个问题,查了很多资料后来解决了。
客户端浏览器访问jsp页面的时候,解析图片路径后是在服务器的tomcat的工程下面去寻找,然后如果图片用绝对路径的话就是想试图访问服务器tomcat工程外的东西,也就是访问服务器的本地硬盘资源,这是不被允许的,所以一个解决的办法就是把服务器本地硬盘开辟一块空间以虚拟目录的方式加载到tomcat的工程(MyEclipse工程)目录下,这样浏览器就可以访问到服务器本地的资源了。
有时候网站有很多图片,这样就可以在本地建个文件夹专门放图片然后以虚拟目录的方式加载到MyEclipse工程下。
具体方法参考:
http://blog.sina.com.cn/s/blog_7093846f0100uqce.html
http://heimuad.iteye.com/blog/135421
分享到:
相关推荐
在JSP(JavaServer Pages)中,显示本地图片预览是一项常见的需求,特别是在网页开发中。JSP是一种基于Java的动态网页技术,它允许开发者在HTML、XML或其他标记语言中嵌入Java代码,以实现服务器端的数据处理和动态...
在"test.jsp"页面中,我们需要创建一个文件输入元素让用户选择图片,例如: ```html *"> ``` 添加`accept="image/*"`属性限制用户只能选择图像文件。然后,我们可以通过jQuery监听文件改变事件,获取到选中的图片...
表单中包含一个元素,用户可以通过这个元素选择本地的图片文件。提交表单时,jspSmartUpload会处理文件,并将文件对象存储在一个名为SmartUpload的实例中。 在服务器端,我们使用SmartUpload对象的方法来处理上传的...
表单应包含一个`<input type="file">`元素,用于选择本地文件。例如: ```jsp *"> 上传图片"> ``` 这里,`enctype="multipart/form-data"`是必须的,因为我们要上传二进制数据(图片文件)。 然后,我们需要...
3. **图片显示**:JSP可以通过HTML `<img>` 标签显示图片,其`src`属性引用存储在服务器上的图片路径。如果图片路径来自数据库,可以通过JSP的EL(Expression Language)或者脚本let来动态设置。 4. **图片缩放**:...
- 对于**Firefox**等现代浏览器,使用`getAsDataURL`方法获取文件的Base64编码,然后将其作为`<img>`标签的`src`属性值来显示图片。 - 对于**Internet Explorer**浏览器,则使用`AlphaImageLoader`滤镜来加载本地...
2. **图片展示**:JSP页面可以使用HTML `<img>`标签显示图片,其`src`属性指向服务器上的图片路径。图片路径可以通过JSP脚本let或EL表达式动态生成。 3. **文件操作**:为了支持删除图片,可以创建一个Servlet或JSP...
3. 图片预览:预览功能是通过将Base64编码的图片数据插入到`<img>`标签的`src`属性来实现的。这样用户可以在上传前看到裁剪的效果,提升了用户体验。 4. FormData:当图片裁剪完成后,我们需要将裁剪后的图片数据...
为了从数据库获取图片,你可以创建一个简单的JSP页面,根据数据库中的路径信息显示图片: ```jsp <img src="${pageContext.request.contextPath}/getImage?id=<%= id %>" alt="图片"> ``` 然后,在后端创建一个...
【fckeditor_jsp_img_upload_demo】是一个用于演示如何在JSP环境中集成FCKeditor并实现图片上传功能的示例项目。FCKeditor是一款强大的在线文本编辑器,它允许用户在网页上编辑内容,同时提供了丰富的格式化选项和...
- JSP接收到Servlet返回的图片路径后,可以使用`<img>`标签显示图片,`src`属性设置为图片路径。 - 如果路径是相对路径,记得加上适当的URL前缀(如"/")。 6. **安全考虑**: - 对上传的文件类型进行限制,只...
这通常通过创建一个隐藏的`<img>`元素,将图片数据设置为其`src`属性来实现。对于上传的图片,用户可能可以缩放、旋转甚至在上传前进行基本的编辑。 6. **项目结构**:由于压缩包中包含的文件名为"expo",这可能是...
首先,本地图片预览功能的核心在于读取用户选择的文件,并在不实际上传的情况下在浏览器中显示。在HTML5中,File API提供了一个这样的机制,允许我们访问和操作用户选取的文件。在jQuery插件中,我们可以利用这些API...
4. **图片显示**: - **返回URL**:服务器在保存文件后,可以返回文件的URL给前端。前端拿到URL后,可以用`<img>`标签加载图片。 - **Base64编码**:另一种方式是服务器将图片数据转换为Base64编码,然后嵌入到...
通过读取文件内容并在页面上创建一个`<img>`元素,我们可以实时显示选中的图片。 3. **图片截图/裁剪**:为了实现类似QQ或微博上传头像时的截图或裁剪功能,可以引入JavaScript库,如Cropper.js或jQuery UI的...
在IT行业中,开发一个结合JSP(JavaServer Pages)和JavaScript的图片预览及视频播放组件是一项常见的任务,尤其在构建交互式Web应用时。这个组件允许用户在上传或选择媒体文件之前进行预览,提高了用户体验。下面...
3. **HTML解析**:程序首先需要解析HTML页面,找到图片元素(`<img>`标签),通过解析`src`属性获取图片链接。这可能需要使用到如Jsoup这样的库来处理HTML文档。 4. **URL提取**:在解析HTML后,程序会识别出所有...
- **文件选择**:HTML5引入了`<input type="file">`元素,允许用户选择本地文件,配合JavaScript可以监听文件选择事件,获取选中的图片文件。 - **文件预览**:通过FileReader API读取文件内容并创建一个Blob URL...
表单的`<input>`元素类型应设置为`file`,以便用户能够从本地文件系统选择文件。JavaScript可以用来实现预览功能,即在提交之前在页面上显示选定的图片,提高用户体验。 2. **后端处理**:在JSP中,`<form>`的`...
这个表单通常包含一个`<input type="file">`元素,允许用户选择本地文件。表单提交方式应设置为`POST`,因为文件上传通常涉及大量数据,不适合GET请求。 ```html <form action="uploadimage.jsp" method="post" ...