smartUpload+jsp实现图片的预览和上传至服务器
想要实现上传图片到服务器这个功能,我们需要去网上下载smartupload.jar工具包。
我这也是在网上找的一个链接(http://www.downcc.com/soft/14017.html)
1、首先在eclipse中搭建一个网页项目,这个项目主要包括两个网页,分别是reg.jsp和doUpload.jsp,同时将下载好的smartupload.jar这个工具包放在
WebContent的lib下面.
2、再前端页面中写出相应的html代码,一旦文件发生改变就进行图片的预览,具体
的代码如下,reg.jsp页面
pageEncoding="UTF-8"%>
注册账号:
密码:
年龄:
//图片预览
var files=document.getElementById("files");
var pic=document.getElementById("pic");
//一旦选中文件 发生改变 则立即读取出来
files.οnchange=function(){
//定义图片加载对象
var reader=new FileReader();
//读取图片
reader.readAsDataURL(files.files[0]);//现在只能是单选,所以我们直接[0]
//当图片加载完毕之后,自动触发
reader.οnlοad=function(e){
//得到图片的路径 result
var result=this.result;
console.log(result);
//将结果放到img标签上
pic.src=result;
}
}
3、现在开始在doUpload.jsp页面实现图片上传到服务器。在这之前一定要记住在
WebContent下面建一个存放图片的文件夹,这里是建的upload这个文件夹作为存放图
片。