这里推荐两篇博客供入门
点击打开链接 FineUploader+struts2+手动点击提交,若报缺少id="qq-template"的错,可以参照我下文更改。
点击打开链接 FineUploader+自动提交
由这两篇文章入门就可以了,基本的功能都能做。
这两篇博客介绍的比较好,在网上介绍fineUploader的文章里算是很好的教程。
要想使用更高级的功能就很少有博客介绍了。这就要看api 链接 才能做了。
下面会介绍:
0 怎么取消上传
1 怎么删除文件
2 怎么自定义中文提示(如上传非法的图片时,提示是ajaxfileupload.js has an invalid extension. Valid extension(s) 怎么自定义成中文提示)
3 怎么自定义文件名(链接博客1博主提问的答案)
4 如何带form表单参数,例如jsp页面包括图片和表单,我想提交时同时提交图片和表单 2017-01-17日博客新增内容
答案:
0 取消上传 onCancel
1 删除文件,删除页面图片直接点击图片上的小叉号就行了;删除已经传到服务器上的图片用delete
2 自定义中文提示,要用messages
3 。。。。自己看api吧 点击打开链接,提示一点用formatFileName
4 见下文1.1和1.2
答案的代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page language="java" import="java.util.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fine Uploader Demo</title>
<link href="./css/fineuploader-4.4.min.css" rel="stylesheet"> <!-- 样式 -->
</head>
<body>
<div id="jquery-wrapped-fine-uploader"></div>//---------------------------------注意这里要和下面js中element元素一致----
<div id="triggerUpload">上传</div>
<script type="text/javascript" src="js/jquery-2.1.3.js"></script> <!-- jquery -->
<script type="text/javascript" src="js/fineuploader-4.4.min.js"></s