JQuery_插件ajaxfileupload

使用JQuery插件ajaxfileupload.js上传文件

插件官网地址:https://fileuploadajax.codeplex.com/

本文参考:

http://www.cnblogs.com/linjiqin/p/3530848.html

http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html

使用步骤

1.引入jar包

<script type="text/javascript" src="${path}/js/jquery-1.7.2.js></script>
<script type="text/javascript" src="${path}/js/ajaxfileupload.js"></script>

ajaxfileupload.js依赖jquery.js,需要先引入jquery插件。

并且jquery.js和ajaxfileupload.js版本需要一致

${path}是我自己定义的项目路径,可以在jsp中使用jstl标签自己定义

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>

2.实现文件上传的语法和参数

1.语法:

$.ajaxFileUplad([settings])

2.参数:

url : 文件上传路径
fileElementId : 需要上传文件的id, 也是<input type="file">的标签id值
secureuri : 是否启用安全提交模式,默认为false
type : ajax提交的方式,需要使用post提交
dataType : 设置上传格式,设置为json
success : 调用成功返回函数
error : 发送请求时错误的处理函数    

ajaxFileUpload貌似不能使用data参数,传入后台的参数需要在url里使用拼接的方式,(我遇见的是这种情况)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值