jsp上传图片并显示,jsp实现图片上传
写爬虫互联网协议(互联网协议)被封了怎么解决?立即使用
之前做过一个项目,有一个功能是图片上传并且展示图片,尝试过其他的方法,但会有一个问题,那就是在IE8上图片并不能下常展示,
所以便用以下方法来上传图片,很好的解决了此问题,步骤如下:
.上传图片页面index.jsp
% @页语言= Java 导入= Java。util。*,Java。网。“URL解码器”页面编码=“utf-8”%
%
字符串路径=请求。getcontextpath();
string basePath=request。get scheme()://请求。获取servername()“:”请求。获取服务器端口()路径“/”;
%
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
超文本标记语言
头
base href=%=basePath%
标题我的JSP index.jsp 起始页/标题
meta http-equiv= pragma content= no-cache
meta http-equiv= cache-control content= no-cache
元http-equiv=expires content=0
meta http-equiv= keywords content= keyword 1,keyword2,keyword3
meta http-equiv= description content=这是我的页面
脚本类型= text/JavaScript src= js/jquery-1。8 .0 .量滴js /脚本
脚本类型= text/JavaScript src= js/ajaxupload。js /脚本
!-
link rel=样式表 type= text/CSS href=样式。 CSS
-
/头
身体
脚本类型=文本/javascript
$(function(){
//上传图片
新AjaxUpload(#addLabProdPic ,{
操作:“upload.jsp”,
名称:图片文件,
响应类型: json ,
onSubmit : function(file,ext){
如果(/^(jpgpngbmp)$/.分机测试(分机tolowercase()){
this.setData({
picName :文件
});
}否则{
警报(请上传格式为jpgpngbmp的图片!);
返回错误的
}
},
完成时:函数(文件、响应){
if(response.error) {
警报(回应。错误);
返回;
}
//alert(响应。pic网址);
显示(响应。pic网址);
}
});
})
函数显示(路径){
if(document.all)//IE
{
//path= D:/upload/11。png ;
文档。getelementbyid( imgPreview ).innerHTML=
文档。getelementbyid( imgPreview )。风格。filter= progid:DXImageTransform .微软。alpha图像加载器(enabled= true ,sizingMethod=scale ,src=\ path \ );//使用滤镜效果www.2cto.com
}
else//FF
{
//path= D:/upload/11。png ;
//文档。getelementbyid( imgPreview ).innerHTML= img id= img 1 width= 120 px height= 100p x src= path /;
document.getElementById(img1 )。src=路径;
}
};
/脚本
h1Ajax文件上传例子,选择图片后立即上传,无需点击上传按钮/h1
按钮id=addLabProdPic 选择图片/按钮
英国铁路公司
div id= imgPreview style= width:120 px;高度:100像素;
img id= view img width= 200 px height= 200 px;
/div
/body
/html2.上传图片后台处理业务upload.jsp
% @页语言= Java 导入= Java。util。* "页面编码= utf-8 %
% @页导入=java.io.PrintWriter,java.io.File,org。阿帕奇。公地。文件上传。文件项目,组织。阿帕奇。公地。文件上传。磁盘。磁盘文件项目工厂,组织。阿帕奇。公地。文件上传。servlet。servlet文件上传 %
%
系统。出去。println(///////);
//dfif对象为解析器提供解析时的缺省的一些配置
diskfileitemcfactory dfif=new diskfileitemcfactory();
//创建解析器
ServletFileUpload sfu=新servlet文件上传(dfif);
sfu。setheaderencoding( utf-8 );//解决了上传图片如果为中文就是乱码问题
字符串加载路径= D:/upload ;//上传文件存放目录(此路径是将上传的文件放在本地的硬盘上)
字符串filName=
尝试{
//开始解析(分析输入流)
//每一个表单域当中的数据都会
//封装到一个对应的对象的工厂对象上。
ListFileItem items=sfu。解析请求(请求);
for(int I=0;一.物品。size();i ) {
FileItem item=items。get(I);
//要区分是上传文件域还是普通的表单域
if (item.isFormField()) {
//普通表单域
字符串名称=项目。getstring();
filName=名称
系统。出去。println( name: name );
}否则{
//上传文件域
//ServletContext:servlet上下文对象。
servlet上下文sctx=get servlet context();
//获得原始的文件名
字符串文件名=项目。getname();
文件加载文件夹=新文件(加载路径);
如果(!loadFolder.exists()) {
加载文件夹。mkdirs();
}
文件文件=新文件(加载文件夹 \ \ 文件名);
项目.写入(文件);
}
}
string result=loadpath / filName;
PrintWriter writer=响应。getwriter();
作家。打印( { );
//writer.print(msg:\ 文件大小: item.getSize(),文件名:文件名 \ );
作家。print( pic URL:\ result \ );
作家。打印( } );
作家。close();
}catch(异常e){
e。printstacktrace();
}
%3.所需主要文件ajaxupload.js
这部分缺失,导致交互出现问题,所以需要大家摸索了,加油。以上就是jsp怎么上传显示图片的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。