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官网查阅文档

时间: 2024-10-20 10:59:00

jquery uploadifive使用的相关文章

uploadifive上传文件

uploadifive是一个款基于H5的上传文件的插件.优点是,可以在PC端,也可以在手机上进行操作.缺点是,IE9以下的兼容性不好. View: 1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta name="viewport" content="width=device-width" /> 6 <title>Index</title> 7 <sc

基于h5的图片无刷新上传(uploadifive)

基于h5的图片无刷新上传(uploadifive) uploadifive简介 了解uploadify之前,首先了解来一下什么是uploadify,uploadfy官网,uploadify和uploadifive是一家的,他们都是基于jquery的插件,都支持多文件异步上传,支持显示上传进度,不同的是uploadify基于swfUpload这一开源无刷新上传插件开发,基于flash,而uploadifive则是基于html5,不依赖于flash. 基于他们的不同点,我们可以根据自己的需求来进行选

uploadifive struts2实现图片上传

uploadify是来自国外的一款优秀的jQuery上传插件,主要功能是批量上传文件,带进度显示. 下面以HTML5 Version版本为例介绍uploadifive的使用,结合Struts2 各软件版本如下: jQuery :1.8.0 Struts2 : 2.3.16.3 UploadiFive : 1.2.2 由于HTML5 Version是收费的,但可移步到xxx进行下载 一.添加对js和css文件的引用 <script type="text/javascript" sr

有关uploadifive的使用经验

这段时间做了一个项目用到uploadifive上传控件,和uploadify不同,这个控件是基于HTML5的版本而不用支持falsh,因而移动端也可以使用. 整理用过的相关属性与方法: 属性 作用 auto 是否自动上传,默认true uploadScript 上传路径 fileObjName file文件对象名称 buttonText 上传按钮显示文本 queueID 进度条的显示位置 fileType 上传文件类型 multi 是否允许多个文件上传,默认为true fileSizeLimit

启用 CORS 来解决这个问题(ajax跨域请求)

1 <input type="file" name="btn_Upload" value="上传" id="btn_Upload" /> 2 <img src="" alt="" id="img_Upload" /> 3 4 @section Scripts 5 { 6 <link href="../../js/uploadif

文件上传的一些记录

1.js 上传插件 uploadify.uploadifive(h5版) <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link href="../../plugins/uploadifive/uploadifive

Uploadify/uploadifive上传(中文文档)

Uploadify是一款基于JQuery的优秀的文件/图片上传的插件,有基于Flash和HTML5两种版本. Uploadify/uploadifive主要特点有: 1. 多文件上传 2. 个性化设置 3. 上传进度条显示 4. 拖拽上传(HTML5版本) 官网:http://www.uploadify.com 部署 在部署一个Uploadify实例前,请确保满足最低要求: 1.jQuery 1.4.x 或更高版本 2.Flash Player 9.0.24 或更高版本 3.支持PHP, ASP

jquery 上传插件 uploadify

官网:http://www.uploadify.com/社区:http://www.uploadify.com/forum/ 基于jQuery的文件上传插件,有flash(Uploadify)和html5(UploadFive)两个版本 特点说明:-----------------1.支持多文件上传2.支持拖放上传(html5版本)3.上传进度显示4.可自定义上传限制,包括文件大小.文件数量.文件类型5.高度可定制性 关于下载-------------------Uploadify™:基于fla

jquery uploadify 多文件上传插件 使用经验

Uploadify 官网:http://www.uploadify.com/ 一.如何使用呢? 官网原文:http://www.uploadify.com/documentation/uploadify/implementing-uploadify/在我理解的基础上,做了一些翻译吧,建议直接看官网原文,因为截止到发布这篇博客为止,官方的版本是v3.2.1使用之前我们来看下使用的最低要求. 要求 jQuery 1.4.x 或更新的版本Flash Player 9.0.24 或更新的版本服务器端实现