手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
摘要:特点:1.不依赖与jquery2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来用法:复制代码代码如下...

特点:

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" src="' + responseJSON.imgurl + '" alt="' + responseJSON.guidimg + '">');

}

}

}

});

【jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)】相关文章:

jquery使用each方法遍历json格式数据实例

jquery读取xml文件实现省市县三级联动的方法

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

jquery插件splitScren实现页面分屏切换模板特效

AngularJs中route的使用方法和配置

JQuery中上下文选择器实现方法

JQuery使用index方法获取Jquery对象数组下标的方法

JavaScript对表格或元素按文本,数字或日期排序的方法

浅谈jQuery中replace()方法

jQuery异步上传文件插件ajaxFileUpload详细介绍

精品推荐
分类导航