JFinal学习笔记（四）实现简单的图片上传

最新推荐文章于 2021-10-19 11:17:39 发布

哈喽沃的

最新推荐文章于 2021-10-19 11:17:39 发布

阅读量7.6k

点赞数 6

分类专栏： web JFinal 文章标签： JFinal j2ee框架图片上传 uploadify

本文链接：https://blog.csdn.net/tczhoulan/article/details/48209853

版权

图片上传是网站开发中非常常用的一个功能，本文将详细描述在jfinal框架下如何实现图片上传功能。

首先我在实现图片上传功能时用到了uploadify插件，因此在开发时需要引入相应的文件，分别是uploadify.css、jquery-1.10.2.js、jquery.uploadify.min.js、uploadify.swf、uploadify-cancel.png。这些文件都可以在百度中找到，也可以点此下载，在我的项目中我把这些文件都保存在我在WebRoot文件夹下新建的JS文件夹和CSS文件夹下。

另外在jfinal框架下实现文件的上传需要用到cos-26Dec2008.jar包，该文件可以在jfinal提供的库中找到，也可以点此下载。然后将该jar包放入WEB-INF文件夹下的lib文件夹中，至此准备工作就完成了。

下面新建一个用于实现图片上传的jsp页面名为photo，其中代码如下。

<span style="font-size:18px;"><%@ page language="java"  pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>上传图片</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="CSS/uploadify.css" />
</head>
<body>
	<input id="file_upload" name="uploadfile" type="file" multiple="true">
	<p id="upload_check"></p>
	<div id&#