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

更新时间：2013年12月05日 15:31:41 作者：

这篇文章主要介绍了jquery插件fineuploader上传文件很用方法

特点:

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 + '">');
                    }
                }
            }
        });
 

您可能感兴趣的文章:

jquery实现图片切换代码
这篇文章主要为大家详细介绍了jquery实现图片切换代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
jQuery实现按键盘方向键翻页特效
本文给大家分享的是使用jQuery实现按键盘的方向键进行翻页的特效，代码十分的简单，功能很实用，这里推荐给大家，希望大家能够喜欢。
2015-03-03
JQuery中$(document)是什么意思有什么作用
$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数，因为它可以极大地提高web应用程序的响应速度
2014-07-07
jquery 仿QQ校友的DIV模拟窗口效果源码
本文使用大名顶顶的jquery来实现QQ校友的DIV模拟窗口，QQ的检验一些都是非常棒的
2010-03-03
Jquery数独游戏解析（一）-页面布局
上周发布了‘jquery开发的数独游戏’，下载量很多评论的人很少。近期会将主要的开发思路整理出来与大家交流，非常希望与大家通过这个例子共同探讨和学习。
2010-11-11
分享jQuery的3种常见事件监听方式
这篇文章主要介绍了jQuery常见事件的监听方式，页面经常会有各种事件发生，事件发生后需要进行一些特定处理，即执行特定的函数或者语句。这就需要对事件进行监听，下面关于监听事件的介绍，需要的小伙伴可以参考一下
2022-03-03
jquery通过visible来判断标签是否显示或隐藏
这篇文章主要介绍了jquery如何判断标签是否显示或隐藏，使用到了visible属性，大家可以学习下
2014-05-05
jQuery实现右侧抽屉式在线客服功能
本篇文章给大家分先一下jQuery实现右侧抽屉式在线客服功能的实例代码，有需要的读者们参考下吧。
2017-12-12
jquery form 加载数据示例
这篇文章主要介绍了jquery form 加载数据的具体实现,需要的朋友可以参考下
2014-04-04
基于jQuery和CSS3制作响应式水平时间轴附源码下载
我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴
2015-12-12