jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)


Posted in Javascript onDecember 05, 2013

特点:

1.不依赖与jquery

2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来

 用法:

 

 <link href="http://fineuploader.com/source/fineuploader-3.9.1.min.css" rel="stylesheet" />
<script src="http://fineuploader.com/source/fineuploader-3.9.1.min.js"></script>
 

 

 var thumbnailuploader = new qq.FineUploader({
            element: $('#thumbnail-fine-uploader')[0],
            request: {
                endpoint: 'Uploadimg'
            },
            validation: {
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png']
            },
            callbacks: {
                onComplete: function (id, fileName, responseJSON) {
                    if (responseJSON.success) {
                        //alert(responseJSON.guidimg);
                        $('#logo').val(responseJSON.guidimg);
                        $('#thumbnail-fine-uploader').append('<img id="logoimg" style="width:200;hight:300px;"  src="' + responseJSON.imgurl + '" alt="' + responseJSON.guidimg + '">');
                    }
                }
            }
        });
 
Javascript 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 Javascript
JS获取html对象的几种方式介绍
Dec 05 #Javascript
JS获取URL中的参数数据
Dec 05 #Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 #Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 #Javascript
浅析JavaScript中的隐式类型转换
Dec 05 #Javascript
浅析JavaScript中两种类型的全局对象/函数
Dec 05 #Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 #Javascript
You might like
如何使用动态共享对象的模式来安装PHP
2006/10/09 PHP
用PHP开发GUI
2006/10/09 PHP
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
YII2框架中日志的配置与使用方法实例分析
2020/03/18 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
ECMAScript6--解构
2017/03/30 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
Vue中使用 setTimeout() setInterval()函数的问题
2018/09/13 Javascript
vue计算属性computed的使用方法示例
2019/03/13 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
对python中Json与object转化的方法详解
2018/12/31 Python
django-allauth入门学习和使用详解
2019/07/03 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
python 回溯法模板详解
2020/02/26 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
如何安装ruby on rails
2014/02/09 面试题
中级会计职业生涯规划范文
2014/01/16 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
大专学生求职自荐信
2014/07/06 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
师德师风个人整改措施
2014/10/27 职场文书
金砖之国观后感
2015/06/11 职场文书
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js