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 相关文章推荐
用javascript自动显示最后更新时间
Mar 15 Javascript
基于jquery的大众点评,分类导航实现代码
Aug 23 Javascript
js中哈希表的几种用法总结
Jan 28 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
Vue组件BootPage实现简单的分页功能
Sep 12 Javascript
JS碰撞运动实现方法详解
Dec 15 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
详解create-react-app 自定义 eslint 配置
Jun 07 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/12/06 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
利用Angularjs和bootstrap实现购物车功能
2016/08/31 Javascript
浅析$(function) ready和onload 的区别
2016/09/03 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
python实现哈希表
2014/02/07 Python
Python base64编码解码实例
2015/06/21 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
python正则-re的用法详解
2019/07/28 Python
详解用python生成随机数的几种方法
2019/08/04 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
解决Python中回文数和质数的问题
2019/11/24 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
政风行风评议整改方案
2014/09/15 职场文书
活着观后感
2015/06/03 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL
vue中使用mockjs配置和使用方式
2022/04/06 Vue.js
volatile保证可见性及重排序方法
2022/08/05 Java/Android