FineUploader文件/图片和form表单参数一起上传,从入门到精通教程

最新推荐文章于 2024-03-09 15:35:41 发布

VIP文章菠萝科技

最新推荐文章于 2024-03-09 15:35:41 发布

阅读量1.2w

点赞数 1

分类专栏： java·未分类文章标签： Uploader 上传文件图片 fine

本文链接：https://blog.csdn.net/wabiaozia/article/details/52640441

版权

这里推荐两篇博客供入门

点击打开链接 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

最低0.47元/天解锁文章

菠萝科技

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
打赏
14
评论
FineUploader文件/图片和form表单参数一起上传,从入门到精通教程

这里推荐两篇博客供入门点击打开链接 FineUploader+struts2+手动点击提交,若报缺少id="qq-template"的错，可以参照我下文更改。点击打开链接 FineUploader+自动提交由这两篇文章入门就可以了,基本的功能都能做。这两篇博客介绍的比较好,在网上介绍fineUploader的文章里算是很好的教程。要想使用更高级的功能就很少有博客介绍
复制链接

扫一扫