Jsp显示上传到服务器的图片,smartUpload+jsp实现图片的预览和上传至服务器

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这个文件夹作为存放图

片。