一、认识FineUploader的功能:

进入示例网站:https://fineuploader.com/demos.html#basic-setup;

二、准备相关的js,css 

Build Fine Uploader yourself from the GitHub repo

  1. git clone https://github.com/FineUploader/fine-uploader.git

  2. cd fine-uploader

  3. npm install

  4. make build


make build之后将生成一个“_build”目录,其中包含CSS、JS、图像和模板文件,以供所有可能构建的Fine Uploader

初步学习FineUploader(java)_第1张图片

上面是下载的fine-Uploader前台所需的代码。下面来看看后台代码:

三:服务器示例代码:

git clone https://github.com/FineUploader/server-examples/blob/master/java/UploadReceiver.java

初步学习FineUploader(java)_第2张图片

我们所需要的java代码就在java那个目录下:


初步学习FineUploader(java)_第3张图片

到现在,准备工作已经完成。


四、新建一个自己的web项目:

初步学习FineUploader(java)_第4张图片

1、输入工程名,finish之后目录结构是这样的:

初步学习FineUploader(java)_第5张图片

2、添加刚才在server-example中的java文件到src下:

然后这样直接会报错,应该在java文件中修改所在包名,并引入所有需要的jar包:

初步学习FineUploader(java)_第6张图片


目前暂时引入了这些包。

3、接下来新建html了:

从刚才在git上下载的fine-Uploader文件夹中的client/html/templates中找到这次示例要用的html文件:gallery.html

(https://docs.fineuploader.com/features/styling.html  这里会涉及这几个文件的讲解)

初步学习FineUploader(java)_第7张图片