jquery uploadifive使用

应为考虑到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官网查阅文档

转载于:https://www.cnblogs.com/vinozly/p/5024428.html