码迷,mamicode.com
首页 > Web开发 > 详细

jquery uploadifive使用

时间:2015-12-06 22:32:35      阅读:411      评论:0      收藏:0      [点我收藏+]

标签:

应为考虑到flash将逐渐被淘汰,所以选择了uploadfive完成上传

js文件和css文件自行下载,我上传了免费版(啃爹的官网竟然收费)

文件引入之后:

 <input type="file" id="sureLogo" value=""/>
            <a href="javascript:$(‘#sureLogo‘).uploadifive(‘upload‘)">上传</a>
            <a href="javascript:$(‘#sureLogo‘).uploadifive(‘cancel‘)">取消上传</a>
$("#sureLogo").uploadifive({
            ‘height‘:30,
            ‘width‘: 80,
            ‘fileObjName‘:‘uploadfile‘,//后台获取使用的名字
            ‘method‘:‘post‘,
            ‘auto‘:false,
            ‘buttonText‘: ‘选择图片‘,
            ‘fileType‘  : ‘image/*‘,//只允许图片格式的文件
            ‘queueSizeLimit‘ : 1,//这里我只允许单个图片上传
            ‘removeCompleted‘ : true,//文件上传完成之后去除进度条
            ‘uploadScript‘:‘${pageContext.request.contextPath}/upload/picUpload‘,//处理上传文件的后台url
            ‘onFallback‘: function () {
                alert("请使用支持HTML5的浏览器");
            },
            //上传到服务器,服务器返回相应信息到data里
            ‘onUploadComplete‘: function (file, data) {//上传文件完成file即文件名,data为后台返回的数据
                               
            }
        });

 想知道更多的参数及其用法,请自行上jquery官网查阅文档

jquery uploadifive使用

标签:

原文地址:http://www.cnblogs.com/vinozly/p/5024428.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!