WebUploader 参数

WebUploader API文档

Web Uploader内部类的详细说明,以下提及的功能类,都可以在WebUploader这个变量中访问到. As you know, Web Uploader的每个文件都是用过AMD规范中的define组织起来的, 每个Module都会有个module id. 默认module id为该文件的路径,而此路径将会转化成名字空间存放在WebUploader中.如: module base:WebUploader.Base module file: WebUploader.File module l

webuploader.js

PHP 多图上传,图片批量上传插件,webuploader.js,百度文件上传插件(案例教程) WebUploader作用: 使用WebUploader还可以批量上传文件.支持缩略图等等众多参数选项可设置,以及多个事件方法可调用,你可以随心所欲的定制你要的上传组件. 使用: 1.导入Css样式文件: 1 2 <link rel="stylesheet" type="text/css" href="css/webuploader.css"&

MVC 使用 Webuploader 插件传递额外参数备忘笔记

// 实例化 uploader = WebUploader.create({ pick: { id: '#filePicker-2', label: '点击选择图片' }, formData: { key: $("#id").val() //将#id 元素的Val 作为额外参数传递给Action }, dnd: '#dndArea', paste: '#uploader', swf: 'lib/webuploader/0.1.5/Uploader.swf', chunked: fals

webuploader 上传文件参数设置

webUploader 是款很好用的优秀的开源上传组件,由百度公司开发,详细的介绍可参见webUploader 的官方文档: 最近在使用webUploader时,需要添加额外的参数,并在后台获取,参数的格式是json,刚开始一直设置不对,在参考了官网的api文档及相关热心网友的回答后,终于弄明白了webUploader 上传参数的设置.设置的方法一般是在uploader 对象创建后的 fileQueued 或 uploadBeforeSend 事件中设置 ,也可以对webUploader 对

百度上传工具webuploader,图片上传附加参数

项目中需要上传视频,图片等资源.最先做的是上传图片,开始在网上找了一款野鸡插件,可以实现图片上传预览(无需传到后台).但是最近这个插件出了莫名的问题,不易修复,一怒之下,还是决定找个大点的,靠谱的插件吧.加之上传视频就是用的webuploader,所以上传图片也理所当然选它了. 插件初始化,js引用什么的,官方文档上都写的比较清楚,建议直接去官方api去看 http://fex.baidu.com/webuploader/getting-started.html#图片上传官方api上值给出了上

webuploader传递参数

实际开发过程中,比如我有个工单提交系统,提交工单的时候用webuploader上传图片,如果工单的ID是自增长类型的,那么我在上传图片的时候肯定需要关联上工单的id,这时候就需要通过webuploader提交参数,那么怎么在webuploader上传图片的时候传递自定义参数呢?有3种方法 1.初始化的时候直接添加参数 var uploader = new WebUploader.Uploader({ ... formData: { id: 1 }

webuploader 上传传自定义参数

全局设置 // 初始化的时候直接添加 var uploader = new WebUploader.Uploader({ ... formData: { uid: 123 } ... }); // 初始化以后添加 uploader.options.formData.uid = 123; 局部设置 uploader.on( 'uploadBeforeSend', function( block, data ) { // block为分块数

百度 flash html5自切换多文件异步上传控件webuploader基本用法

双核浏览器下在chrome内核中使用uploadify总有302问题,也不知道如何修复,之所以喜欢360浏览器是因为帮客户控制渲染内核: 若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"/> 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"/> 若页面需默认用ie标准内核,增加

对百度WebUploader开源上传控件的二次封装,精简前端代码(两句代码搞定上传)

前言首先声明一下,我这个是对WebUploader开源上传控件的二次封装,底层还是WebUploader实现的,只是为了更简洁的使用他而已. 下面先介绍一下WebUploader 简介: WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+.两套运行时,同样的调用方式

webuploader 谷歌浏览器跨域

今天在本地调试webuploader 的image-upload demo时遇到跨域问题(本地post数据到同事的机器中) 会出现No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 然后查了一下,发现在chrome的快捷方式中增加运行参数 --disable-web-security(有空格)后, 确

三款不错的图片压缩上传插件(webuploader+localResizeIMG4+LUploader)

涉及到网页图片的交互,少不了图片的压缩上传,相关的插件有很多,相信大家都有用过,这里我就推荐三款,至于好处就仁者见仁喽: 1.名气最高的WebUploader,由Baidu FEX 团队开发,以H5为主,FLASH为辅,兼容 IE6+,iOS 6+, android 4+,采用大文件分片并发上传,极大的提高了文件上传效率,看了官方文档就知道,能满足你所需要的所有功能,一言以蔽之,大而全:至于缺点,大概就是插件体积太大了,自带样式文件,而且还要依赖jquery类库.详细的教程网上俯拾即是,这里我就

用百度webuploader分片上传大文件

一般在做文件上传的时候,都是通过客户端把要上传的文件上传到服务器,此时上传的文件都在服务器内存,如果上传的是视频等大文件,那么服务器内存就很紧张,而且一般我们都是用flash或者html5做异步上传,如果文件比较大的话,即便是客户端显示文件已经上传了100%,还是会有一个比较长时间的等待,而且当前页面对服务器的请求也会被阻塞. 正常情况下,一般都是在长传完成后,在服务器直接保存. public void ProcessRequest(HttpContext context) { context.

Yii2结合webuploader实现图片上传

js中 uploader = WebUploader.create({ // 自动上传. auto : true, // swf文件路径 swf : 'webuploader/Uploader.swf', // 文件接收服务端. server : 'admin.php?r=goods/upload-img', //处理上传的URL …… } 发送到服务端处理,处理结束后,可返回json数据这边,参数response接收,返回的json数据 uploader.on('uploadAccept',

百度 WebUploader 简单入门示例

首先一定要引入:jquery.js 然后是webuploader的一个 css和还一个js 三个必须引用. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&

webuploader在同一个页面支持多个按钮实例

之前在时候用到webuploader ,起初是支持单实例,后来要求支持多实例. webuploder API网址,如果不懂我说的可以去查看http://fex.baidu.com/webuploader/doc/index.html#WebUploader_Uploader_addButton addButton addButton( pick ) ⇒ Promise 添加文件选择按钮,如果一个按钮不够,需要调用此方法来添加.参数跟options.pick一致. uploader.addButt

文件/图片，批量上传【神器】--WebUploader

<system.web> <httpRuntime maxRequestLength="102400" executionTimeout="720" /> </system.web> pick: { id: '#picker',multiple:false }上传大文件,有大小限制,分片就可以避免大小的问题.进度条样式 bootstrap有页面---<!DOCTYPE html PUBLIC "-//W3C//

WebUploader API

Uploader new Uploader( opts ) ⇒ Uploader 上传入口类. var uploader = WebUploader.Uploader({ swf: 'path_of_swf/Uploader.swf', // 开起分片上传. chunked: true }); 参数说明 dnd {Selector} [可选] [默认值:undefined] 指定Drag And Drop拖拽的容器,如果不指定,则不启动. disableGlobalDnd {Selector}

百度上传插件WebUploader，angularjs指令封装

1.WebUploader特点官网地址:http://fex.baidu.com/webuploader/ 1.1 分片.并发分片与并发结合,将一个大文件分割成多块,并发上传,极大地提高大文件的上传速度. 当网络问题导致传输错误时,只需要重传出错分片,而不是整个文件.另外分片传输能够更加实时的跟踪上传进度. 1.2 预览.压缩支持常用图片格式jpg,jpeg,gif,bmp,png预览与压缩,节省网络数据传输. 解析jpeg中的meta信息,对于各种orientation做了正确的处理,同

Webuploader 大文件分片上传

百度Webuploader 大文件分片上传(.net接收) 前阵子要做个大文件上传的功能,找来找去发现Webuploader还不错,关于她的介绍我就不再赘述. 动手前,在园子里找到了一篇不错的分片上传的帖子,参考之后,踏出了第一步.此文记录我这次实践的点滴,仅作分享与讨论. 关于插件的使用可以参考快速使用文档.在Github上下载了最新的压缩包后,基于其中的一个例子(image-upload)做了修改,主要是补充了.net后台分片接收文件的实现. 先上干货:WebUploadTest.zip

对百度WebUploader的二次封装,精简前端代码之图片预览上传(两句代码搞定上传)

前言本篇文章上一篇: 对百度WebUploader开源上传控件的二次封装,精简前端代码(两句代码搞定上传) 此篇是在上面的基础上扩展出来专门上传图片的控件封装. 首先我们看看效果: 正文使用方式同样很简单,首先创建HTML容器如下: <div id="uploader" class="uploaderPic"> </div> 然后页面加载完成后渲染: $(function () { $("#uploader").pow

百度开源上传组件WebUploader的formData动态传值技巧

基于Web页面的文件上传一直是互联网应用开发中避免不了的,从asp时代的AspUpload组件.到asp无组件上传,到.Net时代的FileUpload,再到HTML5时代的各种基于jQuery的上传插件:Uploadify,WebUploader.我一路过来都使用过,不过因为DTcms的缘故,开始大面积切换到WebUploader(百度出品极少的好东西之一).实际应用系统中,不管内部的还是基于互联网项目,通常我们都会遇到如下需求: 1.头像上传 2.产品主图上传 3.产品相册.作品相册.个人相

巴特西