整体结构:

利用SmartUpload进行图片的上传和下载

Index.jsp

 

利用SmartUpload进行图片的上传和下载

 

进行图片上传:

①上传前台页面:UploadPic.jsp

利用SmartUpload进行图片的上传和下载

②选取将要上传的页面,点击上传即可。上传图片效果图。

利用SmartUpload进行图片的上传和下载

③具体的后台实现方法,点击上传,进入到daoru.js

利用SmartUpload进行图片的上传和下载

利用ajaxFileUpload来进行上传,利用Servlet来进行处理,开始访问UploadPic.java

利用SmartUpload进行图片的上传和下载

在addPic方法中,利用写好的FileUpload工具类,来实现图片的真正上传。

注意:这里我是用的tomcat服务器,因此我将图片上传到webapp中,并根据上传时间,来自动生成文件夹,将图片传入其中。

利用SmartUpload进行图片的上传和下载

BaseServlet.java主要用于对类或者接口的通用实现

利用SmartUpload进行图片的上传和下载

这样就利用smartUpload来实现了图片的上传。

图片下载:

方式一:利用<a>标签的download属性,来直接实现图片下载。

方式二:利用smartUpload来进行图片下载

down.jsp

利用SmartUpload进行图片的上传和下载SmartDownloadServlet.java

利用SmartUpload进行图片的上传和下载

web.xml配置信息

利用SmartUpload进行图片的上传和下载

这样就实现了图片的下载功能。

相关文章: