JQ_Web Uploader图片上传控件

2019独角兽企业重金招聘Python工程师标准>>>

HTML

JQUERY

$(function(){
var up_file='#j_file', //选择图片
    up_btn= '#j_btn',//上传图片
    state = 'pedding', //上传状态
    uploader; //多处调用只需添加uploader1

//初始化uploader
uploader = WebUploader.create({
    swf: '../../dist/Uploader.swf',
    server: '../../server/fileupload.php',
    pick: up_file,
    resize: false,
});
//state状态设置
uploader.on( 'all', function( type ) {
if ( type === 'startUpload' ) {
    state = 'uploading';
} else if ( type === 'stopUpload' ) {
    state = 'paused';
} else if ( type === 'uploadFinished' ) {
    state = 'done';
}
if ( state === 'uploading' ) {
    $(up_btn).text('暂停上传');
} else {
     $(up_btn).text('开始上传');
}
});
//上传成功后操作
uploader.on('uploadSuccess',function(file,response){
    $('#j_tb').attr('value',response.imgs);
});
});

转载于:https://my.oschina.net/miaowang/blog/295583

JQ_Web Uploader图片上传控件相关推荐

java 图片上传控件_Javashop 图片上传插件使用指南
一.概述 Javashop 图片上传插件是一款基于WebUploader插件所封装的上传图片插件. 可用于快速生成上传图片页面,有如下特点: 基于freemarker指令模式所编写,只需一个指令,并且 ...
Word图片上传控件(WordPaster)更新-2.0.15版本
更新说明: 1. 增加对webp图片的支持,支持微信公众号图片的下载. 效果参考:http://www.ncmem.com/doc/view.aspx?id=9761f8ce4fe04d0ab0f ...
layui 图片上传控件自定义基础参数的获取
背景今天遇到的情况是,在表格中需要针对指定的产品进行缩略图片的替换操作那么,我需要根据所赋值不同索引信息的 class进行数据获取与修改在此,进行整理(截图展示),希望能帮到有需求的道友吧 [官 ...
封装直传阿里云存储文件上传控件
本文目标封装一个直传阿里云OSS云存储图片上传控件控件效果图上传之前上传成功预览图片文件上传前后台及阿里云存储数据流转过程 1.前端先访问后台接口获取上传阿里云存储权限相关信息和文件编号信 ...
jquery文件上传控件 Uploadify
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...
使用jquery文件上传控件Uploadify来异步上传图片
1.项目中需要图片的异步上传,度娘之后发现有一个插件可以完成这个需求,即是:Uploadify 下面是这个异步上传的插件的一个简单介绍: 基于jquery的文件上传控件,支持ajax无刷新上传,多个文 ...
JQuery文件上传控件Uploadify文档
Uploadify是一个基于JQuery的文件上传控件,支持ajax无刷新上传,比较好用,现在用着一个不爽的地方是--每个版本的属性名和事件名.方法名都有一些不一样,这在遇到问题,查资料的时候会比较麻 ...
分享基于silverlight的一个大文件上传控件
虽然codeplex已经有一些多文件,带进度条的上传控件,但是觉得都不是很好用,所以基于上面的控件重新设计了一个上传控件,更好的交互,属性绑定和管理文件. 1. 客户端使用: <mycontro ...
jQuery-WEUI（jqweui）的Uploader图片上传方法2.0
之前写了一篇关于用jqweui.cn库中的文件上传(uploader)+图片预览(Gallery)组合实现图片上传的方法,不过只能实现简单的将待上传图片插入到待上传图片预览列表和实现预览.删除功能.但 ...

JQ_Web Uploader图片上传控件

JQ_Web Uploader图片上传控件相关推荐

最新文章

热门文章