1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594 |
- /*! WebUploader 0.1.2 */
-
-
- /**
- * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
- *
- * AMD API 内部的简单不完全实现,请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
- */
- (function( root, factory ) {
- var modules = {},
-
- // 内部require, 简单不完全实现。
- // https://github.com/amdjs/amdjs-api/wiki/require
- _require = function( deps, callback ) {
- var args, len, i;
-
- // 如果deps不是数组,则直接返回指定module
- if ( typeof deps === 'string' ) {
- return getModule( deps );
- } else {
- args = [];
- for( len = deps.length, i = 0; i < len; i++ ) {
- args.push( getModule( deps[ i ] ) );
- }
-
- return callback.apply( null, args );
- }
- },
-
- // 内部define,暂时不支持不指定id.
- _define = function( id, deps, factory ) {
- if ( arguments.length === 2 ) {
- factory = deps;
- deps = null;
- }
-
- _require( deps || [], function() {
- setModule( id, factory, arguments );
- });
- },
-
- // 设置module, 兼容CommonJs写法。
- setModule = function( id, factory, args ) {
- var module = {
- exports: factory
- },
- returned;
-
- if ( typeof factory === 'function' ) {
- args.length || (args = [ _require, module.exports, module ]);
- returned = factory.apply( null, args );
- returned !== undefined && (module.exports = returned);
- }
-
- modules[ id ] = module.exports;
- },
-
- // 根据id获取module
- getModule = function( id ) {
- var module = modules[ id ] || root[ id ];
-
- if ( !module ) {
- throw new Error( '`' + id + '` is undefined' );
- }
-
- return module;
- },
-
- // 将所有modules,将路径ids装换成对象。
- exportsTo = function( obj ) {
- var key, host, parts, part, last, ucFirst;
-
- // make the first character upper case.
- ucFirst = function( str ) {
- return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
- };
-
- for ( key in modules ) {
- host = obj;
-
- if ( !modules.hasOwnProperty( key ) ) {
- continue;
- }
-
- parts = key.split('/');
- last = ucFirst( parts.pop() );
-
- while( (part = ucFirst( parts.shift() )) ) {
- host[ part ] = host[ part ] || {};
- host = host[ part ];
- }
-
- host[ last ] = modules[ key ];
- }
- },
-
- exports = factory( root, _define, _require ),
- origin;
-
- // exports every module.
- exportsTo( exports );
-
- if ( typeof module === 'object' && typeof module.exports === 'object' ) {
-
- // For CommonJS and CommonJS-like environments where a proper window is present,
- module.exports = exports;
- } else if ( typeof define === 'function' && define.amd ) {
-
- // Allow using this built library as an AMD module
- // in another project. That other project will only
- // see this AMD call, not the internal modules in
- // the closure below.
- define([], exports );
- } else {
-
- // Browser globals case. Just assign the
- // result to a property on the global.
- origin = root.WebUploader;
- root.WebUploader = exports;
- root.WebUploader.noConflict = function() {
- root.WebUploader = origin;
- };
- }
- })( this, function( window, define, require ) {
-
-
- /**
- * @fileOverview jQuery or Zepto
- */
- define('dollar-third',[],function() {
- return window.jQuery || window.Zepto;
- });
- /**
- * @fileOverview Dom 操作相关
- */
- define('dollar',[
- 'dollar-third'
- ], function( _ ) {
- return _;
- });
- /**
- * @fileOverview 使用jQuery的Promise
- */
- define('promise-third',[
- 'dollar'
- ], function( $ ) {
- return {
- Deferred: $.Deferred,
- when: $.when,
-
- isPromise: function( anything ) {
- return anything && typeof anything.then === 'function';
- }
- };
- });
- /**
- * @fileOverview Promise/A+
- */
- define('promise',[
- 'promise-third'
- ], function( _ ) {
- return _;
- });
- /**
- * @fileOverview 基础类方法。
- */
-
- /**
- * Web Uploader内部类的详细说明,以下提及的功能类,都可以在`WebUploader`这个变量中访问到。
- *
- * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
- * 默认module id该文件的路径,而此路径将会转化成名字空间存放在WebUploader中。如:
- *
- * * module `base`:WebUploader.Base
- * * module `file`: WebUploader.File
- * * module `lib/dnd`: WebUploader.Lib.Dnd
- * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
- *
- *
- * 以下文档将可能省略`WebUploader`前缀。
- * @module WebUploader
- * @title WebUploader API文档
- */
- define('base',[
- 'dollar',
- 'promise'
- ], function( $, promise ) {
-
- var noop = function() {},
- call = Function.call;
-
- // http://jsperf.com/uncurrythis
- // 反科里化
- function uncurryThis( fn ) {
- return function() {
- return call.apply( fn, arguments );
- };
- }
-
- function bindFn( fn, context ) {
- return function() {
- return fn.apply( context, arguments );
- };
- }
-
- function createObject( proto ) {
- var f;
-
- if ( Object.create ) {
- return Object.create( proto );
- } else {
- f = function() {};
- f.prototype = proto;
- return new f();
- }
- }
-
-
- /**
- * 基础类,提供一些简单常用的方法。
- * @class Base
- */
- return {
-
- /**
- * @property {String} version 当前版本号。
- */
- version: '0.1.2',
-
- /**
- * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
- */
- $: $,
-
- Deferred: promise.Deferred,
-
- isPromise: promise.isPromise,
-
- when: promise.when,
-
- /**
- * @description 简单的浏览器检查结果。
- *
- * * `webkit` webkit版本号,如果浏览器为非webkit内核,此属性为`undefined`。
- * * `chrome` chrome浏览器版本号,如果浏览器为chrome,此属性为`undefined`。
- * * `ie` ie浏览器版本号,如果浏览器为非ie,此属性为`undefined`。**暂不支持ie10+**
- * * `firefox` firefox浏览器版本号,如果浏览器为非firefox,此属性为`undefined`。
- * * `safari` safari浏览器版本号,如果浏览器为非safari,此属性为`undefined`。
- * * `opera` opera浏览器版本号,如果浏览器为非opera,此属性为`undefined`。
- *
- * @property {Object} [browser]
- */
- browser: (function( ua ) {
- var ret = {},
- webkit = ua.match( /WebKit\/([\d.]+)/ ),
- chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
- ua.match( /CriOS\/([\d.]+)/ ),
-
- ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
- ua.match(/(?:trident)(?:.*rv:([\w.]+))?/i),
- firefox = ua.match( /Firefox\/([\d.]+)/ ),
- safari = ua.match( /Safari\/([\d.]+)/ ),
- opera = ua.match( /OPR\/([\d.]+)/ );
-
- webkit && (ret.webkit = parseFloat( webkit[ 1 ] ));
- chrome && (ret.chrome = parseFloat( chrome[ 1 ] ));
- ie && (ret.ie = parseFloat( ie[ 1 ] ));
- firefox && (ret.firefox = parseFloat( firefox[ 1 ] ));
- safari && (ret.safari = parseFloat( safari[ 1 ] ));
- opera && (ret.opera = parseFloat( opera[ 1 ] ));
-
- return ret;
- })( navigator.userAgent ),
-
- /**
- * @description 操作系统检查结果。
- *
- * * `android` 如果在android浏览器环境下,此值为对应的android版本号,否则为`undefined`。
- * * `ios` 如果在ios浏览器环境下,此值为对应的ios版本号,否则为`undefined`。
- * @property {Object} [os]
- */
- os: (function( ua ) {
- var ret = {},
-
- // osx = !!ua.match( /\(Macintosh\; Intel / ),
- android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
- ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
-
- // osx && (ret.osx = true);
- android && (ret.android = parseFloat( android[ 1 ] ));
- ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
-
- return ret;
- })( navigator.userAgent ),
-
- /**
- * 实现类与类之间的继承。
- * @method inherits
- * @grammar Base.inherits( super ) => child
- * @grammar Base.inherits( super, protos ) => child
- * @grammar Base.inherits( super, protos, statics ) => child
- * @param {Class} super 父类
- * @param {Object | Function} [protos] 子类或者对象。如果对象中包含constructor,子类将是用此属性值。
- * @param {Function} [protos.constructor] 子类构造器,不指定的话将创建个临时的直接执行父类构造器的方法。
- * @param {Object} [statics] 静态属性或方法。
- * @return {Class} 返回子类。
- * @example
- * function Person() {
- * console.log( 'Super' );
- * }
- * Person.prototype.hello = function() {
- * console.log( 'hello' );
- * };
- *
- * var Manager = Base.inherits( Person, {
- * world: function() {
- * console.log( 'World' );
- * }
- * });
- *
- * // 因为没有指定构造器,父类的构造器将会执行。
- * var instance = new Manager(); // => Super
- *
- * // 继承子父类的方法
- * instance.hello(); // => hello
- * instance.world(); // => World
- *
- * // 子类的__super__属性指向父类
- * console.log( Manager.__super__ === Person ); // => true
- */
- inherits: function( Super, protos, staticProtos ) {
- var child;
-
- if ( typeof protos === 'function' ) {
- child = protos;
- protos = null;
- } else if ( protos && protos.hasOwnProperty('constructor') ) {
- child = protos.constructor;
- } else {
- child = function() {
- return Super.apply( this, arguments );
- };
- }
-
- // 复制静态方法
- $.extend( true, child, Super, staticProtos || {} );
-
- /* jshint camelcase: false */
-
- // 让子类的__super__属性指向父类。
- child.__super__ = Super.prototype;
-
- // 构建原型,添加原型方法或属性。
- // 暂时用Object.create实现。
- child.prototype = createObject( Super.prototype );
- protos && $.extend( true, child.prototype, protos );
-
- return child;
- },
-
- /**
- * 一个不做任何事情的方法。可以用来赋值给默认的callback.
- * @method noop
- */
- noop: noop,
-
- /**
- * 返回一个新的方法,此方法将已指定的`context`来执行。
- * @grammar Base.bindFn( fn, context ) => Function
- * @method bindFn
- * @example
- * var doSomething = function() {
- * console.log( this.name );
- * },
- * obj = {
- * name: 'Object Name'
- * },
- * aliasFn = Base.bind( doSomething, obj );
- *
- * aliasFn(); // => Object Name
- *
- */
- bindFn: bindFn,
-
- /**
- * 引用Console.log如果存在的话,否则引用一个[空函数loop](#WebUploader:Base.log)。
- * @grammar Base.log( args... ) => undefined
- * @method log
- */
- log: (function() {
- if ( window.console ) {
- return bindFn( console.log, console );
- }
- return noop;
- })(),
-
- nextTick: (function() {
-
- return function( cb ) {
- setTimeout( cb, 1 );
- };
-
- // @bug 当浏览器不在当前窗口时就停了。
- // var next = window.requestAnimationFrame ||
- // window.webkitRequestAnimationFrame ||
- // window.mozRequestAnimationFrame ||
- // function( cb ) {
- // window.setTimeout( cb, 1000 / 60 );
- // };
-
- // // fix: Uncaught TypeError: Illegal invocation
- // return bindFn( next, window );
- })(),
-
- /**
- * 被[uncurrythis](http://www.2ality.com/2011/11/uncurrying-this.html)的数组slice方法。
- * 将用来将非数组对象转化成数组对象。
- * @grammar Base.slice( target, start[, end] ) => Array
- * @method slice
- * @example
- * function doSomthing() {
- * var args = Base.slice( arguments, 1 );
- * console.log( args );
- * }
- *
- * doSomthing( 'ignored', 'arg2', 'arg3' ); // => Array ["arg2", "arg3"]
- */
- slice: uncurryThis( [].slice ),
-
- /**
- * 生成唯一的ID
- * @method guid
- * @grammar Base.guid() => String
- * @grammar Base.guid( prefx ) => String
- */
- guid: (function() {
- var counter = 0;
-
- return function( prefix ) {
- var guid = (+new Date()).toString( 32 ),
- i = 0;
-
- for ( ; i < 5; i++ ) {
- guid += Math.floor( Math.random() * 65535 ).toString( 32 );
- }
-
- return (prefix || 'wu_') + guid + (counter++).toString( 32 );
- };
- })(),
-
- /**
- * 格式化文件大小, 输出成带单位的字符串
- * @method formatSize
- * @grammar Base.formatSize( size ) => String
- * @grammar Base.formatSize( size, pointLength ) => String
- * @grammar Base.formatSize( size, pointLength, units ) => String
- * @param {Number} size 文件大小
- * @param {Number} [pointLength=2] 精确到的小数点数。
- * @param {Array} [units=[ 'B', 'K', 'M', 'G', 'TB' ]] 单位数组。从字节,到千字节,一直往上指定。如果单位数组里面只指定了到了K(千字节),同时文件大小大于M, 此方法的输出将还是显示成多少K.
- * @example
- * console.log( Base.formatSize( 100 ) ); // => 100B
- * console.log( Base.formatSize( 1024 ) ); // => 1.00K
- * console.log( Base.formatSize( 1024, 0 ) ); // => 1K
- * console.log( Base.formatSize( 1024 * 1024 ) ); // => 1.00M
- * console.log( Base.formatSize( 1024 * 1024 * 1024 ) ); // => 1.00G
- * console.log( Base.formatSize( 1024 * 1024 * 1024, 0, ['B', 'KB', 'MB'] ) ); // => 1024MB
- */
- formatSize: function( size, pointLength, units ) {
- var unit;
-
- units = units || [ 'B', 'K', 'M', 'G', 'TB' ];
-
- while ( (unit = units.shift()) && size > 1024 ) {
- size = size / 1024;
- }
-
- return (unit === 'B' ? size : size.toFixed( pointLength || 2 )) +
- unit;
- }
- };
- });
- /**
- * 事件处理类,可以独立使用,也可以扩展给对象使用。
- * @fileOverview Mediator
- */
- define('mediator',[
- 'base'
- ], function( Base ) {
- var $ = Base.$,
- slice = [].slice,
- separator = /\s+/,
- protos;
-
- // 根据条件过滤出事件handlers.
- function findHandlers( arr, name, callback, context ) {
- return $.grep( arr, function( handler ) {
- return handler &&
- (!name || handler.e === name) &&
- (!callback || handler.cb === callback ||
- handler.cb._cb === callback) &&
- (!context || handler.ctx === context);
- });
- }
-
- function eachEvent( events, callback, iterator ) {
- // 不支持对象,只支持多个event用空格隔开
- $.each( (events || '').split( separator ), function( _, key ) {
- iterator( key, callback );
- });
- }
-
- function triggerHanders( events, args ) {
- var stoped = false,
- i = -1,
- len = events.length,
- handler;
-
- while ( ++i < len ) {
- handler = events[ i ];
-
- if ( handler.cb.apply( handler.ctx2, args ) === false ) {
- stoped = true;
- break;
- }
- }
-
- return !stoped;
- }
-
- protos = {
-
- /**
- * 绑定事件。
- *
- * `callback`方法在执行时,arguments将会来源于trigger的时候携带的参数。如
- * ```javascript
- * var obj = {};
- *
- * // 使得obj有事件行为
- * Mediator.installTo( obj );
- *
- * obj.on( 'testa', function( arg1, arg2 ) {
- * console.log( arg1, arg2 ); // => 'arg1', 'arg2'
- * });
- *
- * obj.trigger( 'testa', 'arg1', 'arg2' );
- * ```
- *
- * 如果`callback`中,某一个方法`return false`了,则后续的其他`callback`都不会被执行到。
- * 切会影响到`trigger`方法的返回值,为`false`。
- *
- * `on`还可以用来添加一个特殊事件`all`, 这样所有的事件触发都会响应到。同时此类`callback`中的arguments有一个不同处,
- * 就是第一个参数为`type`,记录当前是什么事件在触发。此类`callback`的优先级比脚低,会再正常`callback`执行完后触发。
- * ```javascript
- * obj.on( 'all', function( type, arg1, arg2 ) {
- * console.log( type, arg1, arg2 ); // => 'testa', 'arg1', 'arg2'
- * });
- * ```
- *
- * @method on
- * @grammar on( name, callback[, context] ) => self
- * @param {String} name 事件名,支持多个事件用空格隔开
- * @param {Function} callback 事件处理器
- * @param {Object} [context] 事件处理器的上下文。
- * @return {self} 返回自身,方便链式
- * @chainable
- * @class Mediator
- */
- on: function( name, callback, context ) {
- var me = this,
- set;
-
- if ( !callback ) {
- return this;
- }
-
- set = this._events || (this._events = []);
-
- eachEvent( name, callback, function( name, callback ) {
- var handler = { e: name };
-
- handler.cb = callback;
- handler.ctx = context;
- handler.ctx2 = context || me;
- handler.id = set.length;
-
- set.push( handler );
- });
-
- return this;
- },
-
- /**
- * 绑定事件,且当handler执行完后,自动解除绑定。
- * @method once
- * @grammar once( name, callback[, context] ) => self
- * @param {String} name 事件名
- * @param {Function} callback 事件处理器
- * @param {Object} [context] 事件处理器的上下文。
- * @return {self} 返回自身,方便链式
- * @chainable
- */
- once: function( name, callback, context ) {
- var me = this;
-
- if ( !callback ) {
- return me;
- }
-
- eachEvent( name, callback, function( name, callback ) {
- var once = function() {
- me.off( name, once );
- return callback.apply( context || me, arguments );
- };
-
- once._cb = callback;
- me.on( name, once, context );
- });
-
- return me;
- },
-
- /**
- * 解除事件绑定
- * @method off
- * @grammar off( [name[, callback[, context] ] ] ) => self
- * @param {String} [name] 事件名
- * @param {Function} [callback] 事件处理器
- * @param {Object} [context] 事件处理器的上下文。
- * @return {self} 返回自身,方便链式
- * @chainable
- */
- off: function( name, cb, ctx ) {
- var events = this._events;
-
- if ( !events ) {
- return this;
- }
-
- if ( !name && !cb && !ctx ) {
- this._events = [];
- return this;
- }
-
- eachEvent( name, cb, function( name, cb ) {
- $.each( findHandlers( events, name, cb, ctx ), function() {
- delete events[ this.id ];
- });
- });
-
- return this;
- },
-
- /**
- * 触发事件
- * @method trigger
- * @grammar trigger( name[, args...] ) => self
- * @param {String} type 事件名
- * @param {*} [...] 任意参数
- * @return {Boolean} 如果handler中return false了,则返回false, 否则返回true
- */
- trigger: function( type ) {
- var args, events, allEvents;
-
- if ( !this._events || !type ) {
- return this;
- }
-
- args = slice.call( arguments, 1 );
- events = findHandlers( this._events, type );
- allEvents = findHandlers( this._events, 'all' );
-
- return triggerHanders( events, args ) &&
- triggerHanders( allEvents, arguments );
- }
- };
-
- /**
- * 中介者,它本身是个单例,但可以通过[installTo](#WebUploader:Mediator:installTo)方法,使任何对象具备事件行为。
- * 主要目的是负责模块与模块之间的合作,降低耦合度。
- *
- * @class Mediator
- */
- return $.extend({
-
- /**
- * 可以通过这个接口,使任何对象具备事件功能。
- * @method installTo
- * @param {Object} obj 需要具备事件行为的对象。
- * @return {Object} 返回obj.
- */
- installTo: function( obj ) {
- return $.extend( obj, protos );
- }
-
- }, protos );
- });
- /**
- * @fileOverview Uploader上传类
- */
- define('uploader',[
- 'base',
- 'mediator'
- ], function( Base, Mediator ) {
-
- var $ = Base.$;
-
- /**
- * 上传入口类。
- * @class Uploader
- * @constructor
- * @grammar new Uploader( opts ) => Uploader
- * @example
- * var uploader = WebUploader.Uploader({
- * swf: 'path_of_swf/Uploader.swf',
- *
- * // 开起分片上传。
- * chunked: true
- * });
- */
- function Uploader( opts ) {
- this.options = $.extend( true, {}, Uploader.options, opts );
- this._init( this.options );
- }
-
- // default Options
- // widgets中有相应扩展
- Uploader.options = {};
- Mediator.installTo( Uploader.prototype );
-
- // 批量添加纯命令式方法。
- $.each({
- upload: 'start-upload',
- stop: 'stop-upload',
- getFile: 'get-file',
- getFiles: 'get-files',
- addFile: 'add-file',
- addFiles: 'add-file',
- sort: 'sort-files',
- removeFile: 'remove-file',
- skipFile: 'skip-file',
- retry: 'retry',
- isInProgress: 'is-in-progress',
- makeThumb: 'make-thumb',
- getDimension: 'get-dimension',
- addButton: 'add-btn',
- getRuntimeType: 'get-runtime-type',
- refresh: 'refresh',
- disable: 'disable',
- enable: 'enable',
- reset: 'reset'
- }, function( fn, command ) {
- Uploader.prototype[ fn ] = function() {
- return this.request( command, arguments );
- };
- });
-
- $.extend( Uploader.prototype, {
- state: 'pending',
-
- _init: function( opts ) {
- var me = this;
-
- me.request( 'init', opts, function() {
- me.state = 'ready';
- me.trigger('ready');
- });
- },
-
- /**
- * 获取或者设置Uploader配置项。
- * @method option
- * @grammar option( key ) => *
- * @grammar option( key, val ) => self
- * @example
- *
- * // 初始状态图片上传前不会压缩
- * var uploader = new WebUploader.Uploader({
- * resize: null;
- * });
- *
- * // 修改后图片上传前,尝试将图片压缩到1600 * 1600
- * uploader.options( 'resize', {
- * width: 1600,
- * height: 1600
- * });
- */
- option: function( key, val ) {
- var opts = this.options;
-
- // setter
- if ( arguments.length > 1 ) {
-
- if ( $.isPlainObject( val ) &&
- $.isPlainObject( opts[ key ] ) ) {
- $.extend( opts[ key ], val );
- } else {
- opts[ key ] = val;
- }
-
- } else { // getter
- return key ? opts[ key ] : opts;
- }
- },
-
- /**
- * 获取文件统计信息。返回一个包含一下信息的对象。
- * * `successNum` 上传成功的文件数
- * * `uploadFailNum` 上传失败的文件数
- * * `cancelNum` 被删除的文件数
- * * `invalidNum` 无效的文件数
- * * `queueNum` 还在队列中的文件数
- * @method getStats
- * @grammar getStats() => Object
- */
- getStats: function() {
- // return this._mgr.getStats.apply( this._mgr, arguments );
- var stats = this.request('get-stats');
-
- return {
- successNum: stats.numOfSuccess,
-
- // who care?
- // queueFailNum: 0,
- cancelNum: stats.numOfCancel,
- invalidNum: stats.numOfInvalid,
- uploadFailNum: stats.numOfUploadFailed,
- queueNum: stats.numOfQueue
- };
- },
-
- // 需要重写此方法来来支持opts.onEvent和instance.onEvent的处理器
- trigger: function( type/*, args...*/ ) {
- var args = [].slice.call( arguments, 1 ),
- opts = this.options,
- name = 'on' + type.substring( 0, 1 ).toUpperCase() +
- type.substring( 1 );
-
- if (
- // 调用通过on方法注册的handler.
- Mediator.trigger.apply( this, arguments ) === false ||
-
- // 调用opts.onEvent
- $.isFunction( opts[ name ] ) &&
- opts[ name ].apply( this, args ) === false ||
-
- // 调用this.onEvent
- $.isFunction( this[ name ] ) &&
- this[ name ].apply( this, args ) === false ||
-
- // 广播所有uploader的事件。
- Mediator.trigger.apply( Mediator,
- [ this, type ].concat( args ) ) === false ) {
-
- return false;
- }
-
- return true;
- },
-
- // widgets/widget.js将补充此方法的详细文档。
- request: Base.noop
- });
-
- /**
- * 创建Uploader实例,等同于new Uploader( opts );
- * @method create
- * @class Base
- * @static
- * @grammar Base.create( opts ) => Uploader
- */
- Base.create = Uploader.create = function( opts ) {
- return new Uploader( opts );
- };
-
- // 暴露Uploader,可以通过它来扩展业务逻辑。
- Base.Uploader = Uploader;
-
- return Uploader;
- });
- /**
- * @fileOverview Runtime管理器,负责Runtime的选择, 连接
- */
- define('runtime/runtime',[
- 'base',
- 'mediator'
- ], function( Base, Mediator ) {
-
- var $ = Base.$,
- factories = {},
-
- // 获取对象的第一个key
- getFirstKey = function( obj ) {
- for ( var key in obj ) {
- if ( obj.hasOwnProperty( key ) ) {
- return key;
- }
- }
- return null;
- };
-
- // 接口类。
- function Runtime( options ) {
- this.options = $.extend({
- container: document.body
- }, options );
- this.uid = Base.guid('rt_');
- }
-
- $.extend( Runtime.prototype, {
-
- getContainer: function() {
- var opts = this.options,
- parent, container;
-
- if ( this._container ) {
- return this._container;
- }
-
- parent = $( opts.container || document.body );
- container = $( document.createElement('div') );
-
- container.attr( 'id', 'rt_' + this.uid );
- container.css({
- position: 'absolute',
- top: '0px',
- left: '0px',
- width: '1px',
- height: '1px',
- overflow: 'hidden'
- });
-
- parent.append( container );
- parent.addClass('webuploader-container');
- this._container = container;
- return container;
- },
-
- init: Base.noop,
- exec: Base.noop,
-
- destroy: function() {
- if ( this._container ) {
- this._container.parentNode.removeChild( this.__container );
- }
-
- this.off();
- }
- });
-
- Runtime.orders = 'html5,flash';
-
-
- /**
- * 添加Runtime实现。
- * @param {String} type 类型
- * @param {Runtime} factory 具体Runtime实现。
- */
- Runtime.addRuntime = function( type, factory ) {
- factories[ type ] = factory;
- };
-
- Runtime.hasRuntime = function( type ) {
- return !!(type ? factories[ type ] : getFirstKey( factories ));
- };
-
- Runtime.create = function( opts, orders ) {
- var type, runtime;
-
- orders = orders || Runtime.orders;
- $.each( orders.split( /\s*,\s*/g ), function() {
- if ( factories[ this ] ) {
- type = this;
- return false;
- }
- });
-
- type = type || getFirstKey( factories );
-
- if ( !type ) {
- throw new Error('Runtime Error');
- }
-
- runtime = new factories[ type ]( opts );
- return runtime;
- };
-
- Mediator.installTo( Runtime.prototype );
- return Runtime;
- });
-
- /**
- * @fileOverview Runtime管理器,负责Runtime的选择, 连接
- */
- define('runtime/client',[
- 'base',
- 'mediator',
- 'runtime/runtime'
- ], function( Base, Mediator, Runtime ) {
-
- var cache;
-
- cache = (function() {
- var obj = {};
-
- return {
- add: function( runtime ) {
- obj[ runtime.uid ] = runtime;
- },
-
- get: function( ruid, standalone ) {
- var i;
-
- if ( ruid ) {
- return obj[ ruid ];
- }
-
- for ( i in obj ) {
- // 有些类型不能重用,比如filepicker.
- if ( standalone && obj[ i ].__standalone ) {
- continue;
- }
-
- return obj[ i ];
- }
-
- return null;
- },
-
- remove: function( runtime ) {
- delete obj[ runtime.uid ];
- }
- };
- })();
-
- function RuntimeClient( component, standalone ) {
- var deferred = Base.Deferred(),
- runtime;
-
- this.uid = Base.guid('client_');
-
- // 允许runtime没有初始化之前,注册一些方法在初始化后执行。
- this.runtimeReady = function( cb ) {
- return deferred.done( cb );
- };
-
- this.connectRuntime = function( opts, cb ) {
-
- // already connected.
- if ( runtime ) {
- throw new Error('already connected!');
- }
-
- deferred.done( cb );
-
- if ( typeof opts === 'string' && cache.get( opts ) ) {
- runtime = cache.get( opts );
- }
-
- // 像filePicker只能独立存在,不能公用。
- runtime = runtime || cache.get( null, standalone );
-
- // 需要创建
- if ( !runtime ) {
- runtime = Runtime.create( opts, opts.runtimeOrder );
- runtime.__promise = deferred.promise();
- runtime.once( 'ready', deferred.resolve );
- runtime.init();
- cache.add( runtime );
- runtime.__client = 1;
- } else {
- // 来自cache
- Base.$.extend( runtime.options, opts );
- runtime.__promise.then( deferred.resolve );
- runtime.__client++;
- }
-
- standalone && (runtime.__standalone = standalone);
- return runtime;
- };
-
- this.getRuntime = function() {
- return runtime;
- };
-
- this.disconnectRuntime = function() {
- if ( !runtime ) {
- return;
- }
-
- runtime.__client--;
-
- if ( runtime.__client <= 0 ) {
- cache.remove( runtime );
- delete runtime.__promise;
- runtime.destroy();
- }
-
- runtime = null;
- };
-
- this.exec = function() {
- if ( !runtime ) {
- return;
- }
-
- var args = Base.slice( arguments );
- component && args.unshift( component );
-
- return runtime.exec.apply( this, args );
- };
-
- this.getRuid = function() {
- return runtime && runtime.uid;
- };
-
- this.destroy = (function( destroy ) {
- return function() {
- destroy && destroy.apply( this, arguments );
- this.trigger('destroy');
- this.off();
- this.exec('destroy');
- this.disconnectRuntime();
- };
- })( this.destroy );
- }
-
- Mediator.installTo( RuntimeClient.prototype );
- return RuntimeClient;
- });
- /**
- * @fileOverview 错误信息
- */
- define('lib/dnd',[
- 'base',
- 'mediator',
- 'runtime/client'
- ], function( Base, Mediator, RuntimeClent ) {
-
- var $ = Base.$;
-
- function DragAndDrop( opts ) {
- opts = this.options = $.extend({}, DragAndDrop.options, opts );
-
- opts.container = $( opts.container );
-
- if ( !opts.container.length ) {
- return;
- }
-
- RuntimeClent.call( this, 'DragAndDrop' );
- }
-
- DragAndDrop.options = {
- accept: null,
- disableGlobalDnd: false
- };
-
- Base.inherits( RuntimeClent, {
- constructor: DragAndDrop,
-
- init: function() {
- var me = this;
-
- me.connectRuntime( me.options, function() {
- me.exec('init');
- me.trigger('ready');
- });
- },
-
- destroy: function() {
- this.disconnectRuntime();
- }
- });
-
- Mediator.installTo( DragAndDrop.prototype );
-
- return DragAndDrop;
- });
- /**
- * @fileOverview 组件基类。
- */
- define('widgets/widget',[
- 'base',
- 'uploader'
- ], function( Base, Uploader ) {
-
- var $ = Base.$,
- _init = Uploader.prototype._init,
- IGNORE = {},
- widgetClass = [];
-
- function isArrayLike( obj ) {
- if ( !obj ) {
- return false;
- }
-
- var length = obj.length,
- type = $.type( obj );
-
- if ( obj.nodeType === 1 && length ) {
- return true;
- }
-
- return type === 'array' || type !== 'function' && type !== 'string' &&
- (length === 0 || typeof length === 'number' && length > 0 &&
- (length - 1) in obj);
- }
-
- function Widget( uploader ) {
- this.owner = uploader;
- this.options = uploader.options;
- }
-
- $.extend( Widget.prototype, {
-
- init: Base.noop,
-
- // 类Backbone的事件监听声明,监听uploader实例上的事件
- // widget直接无法监听事件,事件只能通过uploader来传递
- invoke: function( apiName, args ) {
-
- /*
- {
- 'make-thumb': 'makeThumb'
- }
- */
- var map = this.responseMap;
-
- // 如果无API响应声明则忽略
- if ( !map || !(apiName in map) || !(map[ apiName ] in this) ||
- !$.isFunction( this[ map[ apiName ] ] ) ) {
-
- return IGNORE;
- }
-
- return this[ map[ apiName ] ].apply( this, args );
-
- },
-
- /**
- * 发送命令。当传入`callback`或者`handler`中返回`promise`时。返回一个当所有`handler`中的promise都完成后完成的新`promise`。
- * @method request
- * @grammar request( command, args ) => * | Promise
- * @grammar request( command, args, callback ) => Promise
- * @for Uploader
- */
- request: function() {
- return this.owner.request.apply( this.owner, arguments );
- }
- });
-
- // 扩展Uploader.
- $.extend( Uploader.prototype, {
-
- // 覆写_init用来初始化widgets
- _init: function() {
- var me = this,
- widgets = me._widgets = [];
-
- $.each( widgetClass, function( _, klass ) {
- widgets.push( new klass( me ) );
- });
-
- return _init.apply( me, arguments );
- },
-
- request: function( apiName, args, callback ) {
- var i = 0,
- widgets = this._widgets,
- len = widgets.length,
- rlts = [],
- dfds = [],
- widget, rlt, promise, key;
-
- args = isArrayLike( args ) ? args : [ args ];
-
- for ( ; i < len; i++ ) {
- widget = widgets[ i ];
- rlt = widget.invoke( apiName, args );
-
- if ( rlt !== IGNORE ) {
-
- // Deferred对象
- if ( Base.isPromise( rlt ) ) {
- dfds.push( rlt );
- } else {
- rlts.push( rlt );
- }
- }
- }
-
- // 如果有callback,则用异步方式。
- if ( callback || dfds.length ) {
- promise = Base.when.apply( Base, dfds );
- key = promise.pipe ? 'pipe' : 'then';
-
- // 很重要不能删除。删除了会死循环。
- // 保证执行顺序。让callback总是在下一个tick中执行。
- return promise[ key ](function() {
- var deferred = Base.Deferred(),
- args = arguments;
-
- setTimeout(function() {
- deferred.resolve.apply( deferred, args );
- }, 1 );
-
- return deferred.promise();
- })[ key ]( callback || Base.noop );
- } else {
- return rlts[ 0 ];
- }
- }
- });
-
- /**
- * 添加组件
- * @param {object} widgetProto 组件原型,构造函数通过constructor属性定义
- * @param {object} responseMap API名称与函数实现的映射
- * @example
- * Uploader.register( {
- * init: function( options ) {},
- * makeThumb: function() {}
- * }, {
- * 'make-thumb': 'makeThumb'
- * } );
- */
- Uploader.register = Widget.register = function( responseMap, widgetProto ) {
- var map = { init: 'init' },
- klass;
-
- if ( arguments.length === 1 ) {
- widgetProto = responseMap;
- widgetProto.responseMap = map;
- } else {
- widgetProto.responseMap = $.extend( map, responseMap );
- }
-
- klass = Base.inherits( Widget, widgetProto );
- widgetClass.push( klass );
-
- return klass;
- };
-
- return Widget;
- });
- /**
- * @fileOverview DragAndDrop Widget。
- */
- define('widgets/filednd',[
- 'base',
- 'uploader',
- 'lib/dnd',
- 'widgets/widget'
- ], function( Base, Uploader, Dnd ) {
- var $ = Base.$;
-
- Uploader.options.dnd = '';
-
- /**
- * @property {Selector} [dnd=undefined] 指定Drag And Drop拖拽的容器,如果不指定,则不启动。
- * @namespace options
- * @for Uploader
- */
-
- /**
- * @event dndAccept
- * @param {DataTransferItemList} items DataTransferItem
- * @description 阻止此事件可以拒绝某些类型的文件拖入进来。目前只有 chrome 提供这样的 API,且只能通过 mime-type 验证。
- * @for Uploader
- */
- return Uploader.register({
- init: function( opts ) {
-
- if ( !opts.dnd ||
- this.request('predict-runtime-type') !== 'html5' ) {
- return;
- }
-
- var me = this,
- deferred = Base.Deferred(),
- options = $.extend({}, {
- disableGlobalDnd: opts.disableGlobalDnd,
- container: opts.dnd,
- accept: opts.accept
- }),
- dnd;
-
- dnd = new Dnd( options );
-
- dnd.once( 'ready', deferred.resolve );
- dnd.on( 'drop', function( files ) {
- me.request( 'add-file', [ files ]);
- });
-
- // 检测文件是否全部允许添加。
- dnd.on( 'accept', function( items ) {
- return me.owner.trigger( 'dndAccept', items );
- });
-
- dnd.init();
-
- return deferred.promise();
- }
- });
- });
-
- /**
- * @fileOverview 错误信息
- */
- define('lib/filepaste',[
- 'base',
- 'mediator',
- 'runtime/client'
- ], function( Base, Mediator, RuntimeClent ) {
-
- var $ = Base.$;
-
- function FilePaste( opts ) {
- opts = this.options = $.extend({}, opts );
- opts.container = $( opts.container || document.body );
- RuntimeClent.call( this, 'FilePaste' );
- }
-
- Base.inherits( RuntimeClent, {
- constructor: FilePaste,
-
- init: function() {
- var me = this;
-
- me.connectRuntime( me.options, function() {
- me.exec('init');
- me.trigger('ready');
- });
- },
-
- destroy: function() {
- this.exec('destroy');
- this.disconnectRuntime();
- this.off();
- }
- });
-
- Mediator.installTo( FilePaste.prototype );
-
- return FilePaste;
- });
- /**
- * @fileOverview 组件基类。
- */
- define('widgets/filepaste',[
- 'base',
- 'uploader',
- 'lib/filepaste',
- 'widgets/widget'
- ], function( Base, Uploader, FilePaste ) {
- var $ = Base.$;
-
- /**
- * @property {Selector} [paste=undefined] 指定监听paste事件的容器,如果不指定,不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
- * @namespace options
- * @for Uploader
- */
- return Uploader.register({
- init: function( opts ) {
-
- if ( !opts.paste ||
- this.request('predict-runtime-type') !== 'html5' ) {
- return;
- }
-
- var me = this,
- deferred = Base.Deferred(),
- options = $.extend({}, {
- container: opts.paste,
- accept: opts.accept
- }),
- paste;
-
- paste = new FilePaste( options );
-
- paste.once( 'ready', deferred.resolve );
- paste.on( 'paste', function( files ) {
- me.owner.request( 'add-file', [ files ]);
- });
- paste.init();
-
- return deferred.promise();
- }
- });
- });
- /**
- * @fileOverview Blob
- */
- define('lib/blob',[
- 'base',
- 'runtime/client'
- ], function( Base, RuntimeClient ) {
-
- function Blob( ruid, source ) {
- var me = this;
-
- me.source = source;
- me.ruid = ruid;
-
- RuntimeClient.call( me, 'Blob' );
-
- this.uid = source.uid || this.uid;
- this.type = source.type || '';
- this.size = source.size || 0;
-
- if ( ruid ) {
- me.connectRuntime( ruid );
- }
- }
-
- Base.inherits( RuntimeClient, {
- constructor: Blob,
-
- slice: function( start, end ) {
- return this.exec( 'slice', start, end );
- },
-
- getSource: function() {
- return this.source;
- }
- });
-
- return Blob;
- });
- /**
- * 为了统一化Flash的File和HTML5的File而存在。
- * 以至于要调用Flash里面的File,也可以像调用HTML5版本的File一下。
- * @fileOverview File
- */
- define('lib/file',[
- 'base',
- 'lib/blob'
- ], function( Base, Blob ) {
-
- var uid = 1,
- rExt = /\.([^.]+)$/;
-
- function File( ruid, file ) {
- var ext;
-
- Blob.apply( this, arguments );
- this.name = file.name || ('untitled' + uid++);
- ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
-
- // todo 支持其他类型文件的转换。
-
- // 如果有mimetype, 但是文件名里面没有找出后缀规律
- if ( !ext && this.type ) {
- ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( this.type ) ?
- RegExp.$1.toLowerCase() : '';
- this.name += '.' + ext;
- }
-
- // 如果没有指定mimetype, 但是知道文件后缀。
- if ( !this.type && ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
- this.type = 'image/' + (ext === 'jpg' ? 'jpeg' : ext);
- }
-
- this.ext = ext;
- this.lastModifiedDate = file.lastModifiedDate ||
- (new Date()).toLocaleString();
- }
-
- return Base.inherits( Blob, File );
- });
-
- /**
- * @fileOverview 错误信息
- */
- define('lib/filepicker',[
- 'base',
- 'runtime/client',
- 'lib/file'
- ], function( Base, RuntimeClent, File ) {
-
- var $ = Base.$;
-
- function FilePicker( opts ) {
- opts = this.options = $.extend({}, FilePicker.options, opts );
-
- opts.container = $( opts.id );
-
- if ( !opts.container.length ) {
- throw new Error('按钮指定错误');
- }
-
- opts.innerHTML = opts.innerHTML || opts.label ||
- opts.container.html() || '';
-
- opts.button = $( opts.button || document.createElement('div') );
- opts.button.html( opts.innerHTML );
- opts.container.html( opts.button );
-
- RuntimeClent.call( this, 'FilePicker', true );
- }
-
- FilePicker.options = {
- button: null,
- container: null,
- label: null,
- innerHTML: null,
- multiple: true,
- accept: null,
- name: 'file'
- };
-
- Base.inherits( RuntimeClent, {
- constructor: FilePicker,
-
- init: function() {
- var me = this,
- opts = me.options,
- button = opts.button;
-
- button.addClass('webuploader-pick');
-
- me.on( 'all', function( type ) {
- var files;
-
- switch ( type ) {
- case 'mouseenter':
- button.addClass('webuploader-pick-hover');
- break;
-
- case 'mouseleave':
- button.removeClass('webuploader-pick-hover');
- break;
-
- case 'change':
- files = me.exec('getFiles');
- me.trigger( 'select', $.map( files, function( file ) {
- file = new File( me.getRuid(), file );
-
- // 记录来源。
- file._refer = opts.container;
- return file;
- }), opts.container );
- break;
- }
- });
-
- me.connectRuntime( opts, function() {
- me.refresh();
- me.exec( 'init', opts );
- me.trigger('ready');
- });
-
- $( window ).on( 'resize', function() {
- me.refresh();
- });
- },
-
- refresh: function() {
- var shimContainer = this.getRuntime().getContainer(),
- button = this.options.button,
- width = button.outerWidth ?
- button.outerWidth() : button.width(),
-
- height = button.outerHeight ?
- button.outerHeight() : button.height(),
-
- pos = button.offset();
-
- width && height && shimContainer.css({
- bottom: 'auto',
- right: 'auto',
- width: width + 'px',
- height: height + 'px'
- }).offset( pos );
- },
-
- enable: function() {
- var btn = this.options.button;
-
- btn.removeClass('webuploader-pick-disable');
- this.refresh();
- },
-
- disable: function() {
- var btn = this.options.button;
-
- this.getRuntime().getContainer().css({
- top: '-99999px'
- });
-
- btn.addClass('webuploader-pick-disable');
- },
-
- destroy: function() {
- if ( this.runtime ) {
- this.exec('destroy');
- this.disconnectRuntime();
- }
- }
- });
-
- return FilePicker;
- });
-
- /**
- * @fileOverview 文件选择相关
- */
- define('widgets/filepicker',[
- 'base',
- 'uploader',
- 'lib/filepicker',
- 'widgets/widget'
- ], function( Base, Uploader, FilePicker ) {
- var $ = Base.$;
-
- $.extend( Uploader.options, {
-
- /**
- * @property {Selector | Object} [pick=undefined]
- * @namespace options
- * @for Uploader
- * @description 指定选择文件的按钮容器,不指定则不创建按钮。
- *
- * * `id` {Seletor} 指定选择文件的按钮容器,不指定则不创建按钮。
- * * `label` {String} 请采用 `innerHTML` 代替
- * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
- * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
- */
- pick: null,
-
- /**
- * @property {Arroy} [accept=null]
- * @namespace options
- * @for Uploader
- * @description 指定接受哪些类型的文件。 由于目前还有ext转mimeType表,所以这里需要分开指定。
- *
- * * `title` {String} 文字描述
- * * `extensions` {String} 允许的文件后缀,不带点,多个用逗号分割。
- * * `mimeTypes` {String} 多个用逗号分割。
- *
- * 如:
- *
- * ```
- * {
- * title: 'Images',
- * extensions: 'gif,jpg,jpeg,bmp,png',
- * mimeTypes: 'image/*'
- * }
- * ```
- */
- accept: null/*{
- title: 'Images',
- extensions: 'gif,jpg,jpeg,bmp,png',
- mimeTypes: 'image/*'
- }*/
- });
-
- return Uploader.register({
- 'add-btn': 'addButton',
- refresh: 'refresh',
- disable: 'disable',
- enable: 'enable'
- }, {
-
- init: function( opts ) {
- this.pickers = [];
- return opts.pick && this.addButton( opts.pick );
- },
-
- refresh: function() {
- $.each( this.pickers, function() {
- this.refresh();
- });
- },
-
- /**
- * @method addButton
- * @for Uploader
- * @grammar addButton( pick ) => Promise
- * @description
- * 添加文件选择按钮,如果一个按钮不够,需要调用此方法来添加。参数跟[options.pick](#WebUploader:Uploader:options)一致。
- * @example
- * uploader.addButton({
- * id: '#btnContainer',
- * innerHTML: '选择文件'
- * });
- */
- addButton: function( pick ) {
- var me = this,
- opts = me.options,
- accept = opts.accept,
- options, picker, deferred;
-
- if ( !pick ) {
- return;
- }
-
- deferred = Base.Deferred();
- $.isPlainObject( pick ) || (pick = {
- id: pick
- });
-
- options = $.extend({}, pick, {
- accept: $.isPlainObject( accept ) ? [ accept ] : accept,
- swf: opts.swf,
- runtimeOrder: opts.runtimeOrder
- });
-
- picker = new FilePicker( options );
-
- picker.once( 'ready', deferred.resolve );
- picker.on( 'select', function( files ) {
- me.owner.request( 'add-file', [ files ]);
- });
- picker.init();
-
- this.pickers.push( picker );
-
- return deferred.promise();
- },
-
- disable: function() {
- $.each( this.pickers, function() {
- this.disable();
- });
- },
-
- enable: function() {
- $.each( this.pickers, function() {
- this.enable();
- });
- }
- });
- });
- /**
- * @fileOverview 文件属性封装
- */
- define('file',[
- 'base',
- 'mediator'
- ], function( Base, Mediator ) {
-
- var $ = Base.$,
- idPrefix = 'WU_FILE_',
- idSuffix = 0,
- rExt = /\.([^.]+)$/,
- statusMap = {};
-
- function gid() {
- return idPrefix + idSuffix++;
- }
-
- /**
- * 文件类
- * @class File
- * @constructor 构造函数
- * @grammar new File( source ) => File
- * @param {Lib.File} source [lib.File](#Lib.File)实例, 此source对象是带有Runtime信息的。
- */
- function WUFile( source ) {
-
- /**
- * 文件名,包括扩展名(后缀)
- * @property name
- * @type {string}
- */
- this.name = source.name || 'Untitled';
-
- /**
- * 文件体积(字节)
- * @property size
- * @type {uint}
- * @default 0
- */
- this.size = source.size || 0;
-
- /**
- * 文件MIMETYPE类型,与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
- * @property type
- * @type {string}
- * @default 'application'
- */
- this.type = source.type || 'application';
-
- /**
- * 文件最后修改日期
- * @property lastModifiedDate
- * @type {int}
- * @default 当前时间戳
- */
- this.lastModifiedDate = source.lastModifiedDate || (new Date() * 1);
-
- /**
- * 文件ID,每个对象具有唯一ID,与文件名无关
- * @property id
- * @type {string}
- */
- this.id = gid();
-
- /**
- * 文件扩展名,通过文件名获取,例如test.png的扩展名为png
- * @property ext
- * @type {string}
- */
- this.ext = rExt.exec( this.name ) ? RegExp.$1 : '';
-
-
- /**
- * 状态文字说明。在不同的status语境下有不同的用途。
- * @property statusText
- * @type {string}
- */
- this.statusText = '';
-
- // 存储文件状态,防止通过属性直接修改
- statusMap[ this.id ] = WUFile.Status.INITED;
-
- this.source = source;
- this.loaded = 0;
-
- this.on( 'error', function( msg ) {
- this.setStatus( WUFile.Status.ERROR, msg );
- });
- }
-
- $.extend( WUFile.prototype, {
-
- /**
- * 设置状态,状态变化时会触发`change`事件。
- * @method setStatus
- * @grammar setStatus( status[, statusText] );
- * @param {File.Status|String} status [文件状态值](#WebUploader:File:File.Status)
- * @param {String} [statusText=''] 状态说明,常在error时使用,用http, abort,server等来标记是由于什么原因导致文件错误。
- */
- setStatus: function( status, text ) {
-
- var prevStatus = statusMap[ this.id ];
-
- typeof text !== 'undefined' && (this.statusText = text);
-
- if ( status !== prevStatus ) {
- statusMap[ this.id ] = status;
- /**
- * 文件状态变化
- * @event statuschange
- */
- this.trigger( 'statuschange', status, prevStatus );
- }
-
- },
-
- /**
- * 获取文件状态
- * @return {File.Status}
- * @example
- 文件状态具体包括以下几种类型:
- {
- // 初始化
- INITED: 0,
- // 已入队列
- QUEUED: 1,
- // 正在上传
- PROGRESS: 2,
- // 上传出错
- ERROR: 3,
- // 上传成功
- COMPLETE: 4,
- // 上传取消
- CANCELLED: 5
- }
- */
- getStatus: function() {
- return statusMap[ this.id ];
- },
-
- /**
- * 获取文件原始信息。
- * @return {*}
- */
- getSource: function() {
- return this.source;
- },
-
- destory: function() {
- delete statusMap[ this.id ];
- }
- });
-
- Mediator.installTo( WUFile.prototype );
-
- /**
- * 文件状态值,具体包括以下几种类型:
- * * `inited` 初始状态
- * * `queued` 已经进入队列, 等待上传
- * * `progress` 上传中
- * * `complete` 上传完成。
- * * `error` 上传出错,可重试
- * * `interrupt` 上传中断,可续传。
- * * `invalid` 文件不合格,不能重试上传。会自动从队列中删除。
- * * `cancelled` 文件被删除。
- * @property {Object} Status
- * @namespace File
- * @class File
- * @static
- */
- WUFile.Status = {
- INITED: 'inited', // 初始状态
- QUEUED: 'queued', // 已经进入队列, 等待上传
- PROGRESS: 'progress', // 上传中
- ERROR: 'error', // 上传出错,可重试
- COMPLETE: 'complete', // 上传完成。
- CANCELLED: 'cancelled', // 上传取消。
- INTERRUPT: 'interrupt', // 上传中断,可续传。
- INVALID: 'invalid' // 文件不合格,不能重试上传。
- };
-
- return WUFile;
- });
-
- /**
- * @fileOverview 文件队列
- */
- define('queue',[
- 'base',
- 'mediator',
- 'file'
- ], function( Base, Mediator, WUFile ) {
-
- var $ = Base.$,
- STATUS = WUFile.Status;
-
- /**
- * 文件队列, 用来存储各个状态中的文件。
- * @class Queue
- * @extends Mediator
- */
- function Queue() {
-
- /**
- * 统计文件数。
- * * `numOfQueue` 队列中的文件数。
- * * `numOfSuccess` 上传成功的文件数
- * * `numOfCancel` 被删除的文件数
- * * `numOfProgress` 正在上传中的文件数
- * * `numOfUploadFailed` 上传错误的文件数。
- * * `numOfInvalid` 无效的文件数。
- * @property {Object} stats
- */
- this.stats = {
- numOfQueue: 0,
- numOfSuccess: 0,
- numOfCancel: 0,
- numOfProgress: 0,
- numOfUploadFailed: 0,
- numOfInvalid: 0
- };
-
- // 上传队列,仅包括等待上传的文件
- this._queue = [];
-
- // 存储所有文件
- this._map = {};
- }
-
- $.extend( Queue.prototype, {
-
- /**
- * 将新文件加入对队列尾部
- *
- * @method append
- * @param {File} file 文件对象
- */
- append: function( file ) {
- this._queue.push( file );
- this._fileAdded( file );
- return this;
- },
-
- /**
- * 将新文件加入对队列头部
- *
- * @method prepend
- * @param {File} file 文件对象
- */
- prepend: function( file ) {
- this._queue.unshift( file );
- this._fileAdded( file );
- return this;
- },
-
- /**
- * 获取文件对象
- *
- * @method getFile
- * @param {String} fileId 文件ID
- * @return {File}
- */
- getFile: function( fileId ) {
- if ( typeof fileId !== 'string' ) {
- return fileId;
- }
- return this._map[ fileId ];
- },
-
- /**
- * 从队列中取出一个指定状态的文件。
- * @grammar fetch( status ) => File
- * @method fetch
- * @param {String} status [文件状态值](#WebUploader:File:File.Status)
- * @return {File} [File](#WebUploader:File)
- */
- fetch: function( status ) {
- var len = this._queue.length,
- i, file;
-
- status = status || STATUS.QUEUED;
-
- for ( i = 0; i < len; i++ ) {
- file = this._queue[ i ];
-
- if ( status === file.getStatus() ) {
- return file;
- }
- }
-
- return null;
- },
-
- /**
- * 对队列进行排序,能够控制文件上传顺序。
- * @grammar sort( fn ) => undefined
- * @method sort
- * @param {Function} fn 排序方法
- */
- sort: function( fn ) {
- if ( typeof fn === 'function' ) {
- this._queue.sort( fn );
- }
- },
-
- /**
- * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
- * @grammar getFiles( [status1[, status2 ...]] ) => Array
- * @method getFiles
- * @param {String} [status] [文件状态值](#WebUploader:File:File.Status)
- */
- getFiles: function() {
- var sts = [].slice.call( arguments, 0 ),
- ret = [],
- i = 0,
- len = this._queue.length,
- file;
-
- for ( ; i < len; i++ ) {
- file = this._queue[ i ];
-
- if ( sts.length && !~$.inArray( file.getStatus(), sts ) ) {
- continue;
- }
-
- ret.push( file );
- }
-
- return ret;
- },
-
- _fileAdded: function( file ) {
- var me = this,
- existing = this._map[ file.id ];
-
- if ( !existing ) {
- this._map[ file.id ] = file;
-
- file.on( 'statuschange', function( cur, pre ) {
- me._onFileStatusChange( cur, pre );
- });
- }
-
- file.setStatus( STATUS.QUEUED );
- },
-
- _onFileStatusChange: function( curStatus, preStatus ) {
- var stats = this.stats;
-
- switch ( preStatus ) {
- case STATUS.PROGRESS:
- stats.numOfProgress--;
- break;
-
- case STATUS.QUEUED:
- stats.numOfQueue --;
- break;
-
- case STATUS.ERROR:
- stats.numOfUploadFailed--;
- break;
-
- case STATUS.INVALID:
- stats.numOfInvalid--;
- break;
- }
-
- switch ( curStatus ) {
- case STATUS.QUEUED:
- stats.numOfQueue++;
- break;
-
- case STATUS.PROGRESS:
- stats.numOfProgress++;
- break;
-
- case STATUS.ERROR:
- stats.numOfUploadFailed++;
- break;
-
- case STATUS.COMPLETE:
- stats.numOfSuccess++;
- break;
-
- case STATUS.CANCELLED:
- stats.numOfCancel++;
- break;
-
- case STATUS.INVALID:
- stats.numOfInvalid++;
- break;
- }
- }
-
- });
-
- Mediator.installTo( Queue.prototype );
-
- return Queue;
- });
- /**
- * @fileOverview 队列
- */
- define('widgets/queue',[
- 'base',
- 'uploader',
- 'queue',
- 'file',
- 'lib/file',
- 'runtime/client',
- 'widgets/widget'
- ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
-
- var $ = Base.$,
- rExt = /\.\w+$/,
- Status = WUFile.Status;
-
- return Uploader.register({
- 'sort-files': 'sortFiles',
- 'add-file': 'addFiles',
- 'get-file': 'getFile',
- 'fetch-file': 'fetchFile',
- 'get-stats': 'getStats',
- 'get-files': 'getFiles',
- 'remove-file': 'removeFile',
- 'retry': 'retry',
- 'reset': 'reset',
- 'accept-file': 'acceptFile'
- }, {
-
- init: function( opts ) {
- var me = this,
- deferred, len, i, item, arr, accept, runtime;
-
- if ( $.isPlainObject( opts.accept ) ) {
- opts.accept = [ opts.accept ];
- }
-
- // accept中的中生成匹配正则。
- if ( opts.accept ) {
- arr = [];
-
- for ( i = 0, len = opts.accept.length; i < len; i++ ) {
- item = opts.accept[ i ].extensions;
- item && arr.push( item );
- }
-
- if ( arr.length ) {
- accept = '\\.' + arr.join(',')
- .replace( /,/g, '$|\\.' )
- .replace( /\*/g, '.*' ) + '$';
- }
-
- me.accept = new RegExp( accept, 'i' );
- }
-
- me.queue = new Queue();
- me.stats = me.queue.stats;
-
- // 如果当前不是html5运行时,那就算了。
- // 不执行后续操作
- if ( this.request('predict-runtime-type') !== 'html5' ) {
- return;
- }
-
- // 创建一个 html5 运行时的 placeholder
- // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
- deferred = Base.Deferred();
- runtime = new RuntimeClient('Placeholder');
- runtime.connectRuntime({
- runtimeOrder: 'html5'
- }, function() {
- me._ruid = runtime.getRuid();
- deferred.resolve();
- });
- return deferred.promise();
- },
-
-
- // 为了支持外部直接添加一个原生File对象。
- _wrapFile: function( file ) {
- if ( !(file instanceof WUFile) ) {
-
- if ( !(file instanceof File) ) {
- if ( !this._ruid ) {
- throw new Error('Can\'t add external files.');
- }
- file = new File( this._ruid, file );
- }
-
- file = new WUFile( file );
- }
-
- return file;
- },
-
- // 判断文件是否可以被加入队列
- acceptFile: function( file ) {
- var invalid = !file || file.size < 6 || this.accept &&
-
- // 如果名字中有后缀,才做后缀白名单处理。
- rExt.exec( file.name ) && !this.accept.test( file.name );
-
- return !invalid;
- },
-
-
- /**
- * @event beforeFileQueued
- * @param {File} file File对象
- * @description 当文件被加入队列之前触发,此事件的handler返回值为`false`,则此文件不会被添加进入队列。
- * @for Uploader
- */
-
- /**
- * @event fileQueued
- * @param {File} file File对象
- * @description 当文件被加入队列以后触发。
- * @for Uploader
- */
-
- _addFile: function( file ) {
- var me = this;
-
- file = me._wrapFile( file );
-
- // 不过类型判断允许不允许,先派送 `beforeFileQueued`
- if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
- return;
- }
-
- // 类型不匹配,则派送错误事件,并返回。
- if ( !me.acceptFile( file ) ) {
- me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
- return;
- }
-
- me.queue.append( file );
- me.owner.trigger( 'fileQueued', file );
- return file;
- },
-
- getFile: function( fileId ) {
- return this.queue.getFile( fileId );
- },
-
- /**
- * @event filesQueued
- * @param {File} files 数组,内容为原始File(lib/File)对象。
- * @description 当一批文件添加进队列以后触发。
- * @for Uploader
- */
-
- /**
- * @method addFiles
- * @grammar addFiles( file ) => undefined
- * @grammar addFiles( [file1, file2 ...] ) => undefined
- * @param {Array of File or File} [files] Files 对象 数组
- * @description 添加文件到队列
- * @for Uploader
- */
- addFiles: function( files ) {
- var me = this;
-
- if ( !files.length ) {
- files = [ files ];
- }
-
- files = $.map( files, function( file ) {
- return me._addFile( file );
- });
-
- me.owner.trigger( 'filesQueued', files );
-
- if ( me.options.auto ) {
- me.request('start-upload');
- }
- },
-
- getStats: function() {
- return this.stats;
- },
-
- /**
- * @event fileDequeued
- * @param {File} file File对象
- * @description 当文件被删除队列后触发。
- * @for Uploader
- */
-
- /**
- * @method removeFile
- * @grammar removeFile( file ) => undefined
- * @grammar removeFile( id ) => undefined
- * @param {File|id} file File对象或这File对象的id
- * @description 删除某一文件。
- * @for Uploader
- * @example
- *
- * $li.on('click', '.remove-this', function() {
- * uploader.removeFile( file );
- * })
- */
- removeFile: function( file ) {
- var me = this;
-
- file = file.id ? file : me.queue.getFile( file );
-
- file.setStatus( Status.CANCELLED );
- me.owner.trigger( 'fileDequeued', file );
- },
-
- /**
- * @method getFiles
- * @grammar getFiles() => Array
- * @grammar getFiles( status1, status2, status... ) => Array
- * @description 返回指定状态的文件集合,不传参数将返回所有状态的文件。
- * @for Uploader
- * @example
- * console.log( uploader.getFiles() ); // => all files
- * console.log( uploader.getFiles('error') ) // => all error files.
- */
- getFiles: function() {
- return this.queue.getFiles.apply( this.queue, arguments );
- },
-
- fetchFile: function() {
- return this.queue.fetch.apply( this.queue, arguments );
- },
-
- /**
- * @method retry
- * @grammar retry() => undefined
- * @grammar retry( file ) => undefined
- * @description 重试上传,重试指定文件,或者从出错的文件开始重新上传。
- * @for Uploader
- * @example
- * function retry() {
- * uploader.retry();
- * }
- */
- retry: function( file, noForceStart ) {
- var me = this,
- files, i, len;
-
- if ( file ) {
- file = file.id ? file : me.queue.getFile( file );
- file.setStatus( Status.QUEUED );
- noForceStart || me.request('start-upload');
- return;
- }
-
- files = me.queue.getFiles( Status.ERROR );
- i = 0;
- len = files.length;
-
- for ( ; i < len; i++ ) {
- file = files[ i ];
- file.setStatus( Status.QUEUED );
- }
-
- me.request('start-upload');
- },
-
- /**
- * @method sort
- * @grammar sort( fn ) => undefined
- * @description 排序队列中的文件,在上传之前调整可以控制上传顺序。
- * @for Uploader
- */
- sortFiles: function() {
- return this.queue.sort.apply( this.queue, arguments );
- },
-
- /**
- * @method reset
- * @grammar reset() => undefined
- * @description 重置uploader。目前只重置了队列。
- * @for Uploader
- * @example
- * uploader.reset();
- */
- reset: function() {
- this.queue = new Queue();
- this.stats = this.queue.stats;
- }
- });
-
- });
- /**
- * @fileOverview 添加获取Runtime相关信息的方法。
- */
- define('widgets/runtime',[
- 'uploader',
- 'runtime/runtime',
- 'widgets/widget'
- ], function( Uploader, Runtime ) {
-
- Uploader.support = function() {
- return Runtime.hasRuntime.apply( Runtime, arguments );
- };
-
- return Uploader.register({
- 'predict-runtime-type': 'predictRuntmeType'
- }, {
-
- init: function() {
- if ( !this.predictRuntmeType() ) {
- throw Error('Runtime Error');
- }
- },
-
- /**
- * 预测Uploader将采用哪个`Runtime`
- * @grammar predictRuntmeType() => String
- * @method predictRuntmeType
- * @for Uploader
- */
- predictRuntmeType: function() {
- var orders = this.options.runtimeOrder || Runtime.orders,
- type = this.type,
- i, len;
-
- if ( !type ) {
- orders = orders.split( /\s*,\s*/g );
-
- for ( i = 0, len = orders.length; i < len; i++ ) {
- if ( Runtime.hasRuntime( orders[ i ] ) ) {
- this.type = type = orders[ i ];
- break;
- }
- }
- }
-
- return type;
- }
- });
- });
- /**
- * @fileOverview Transport
- */
- define('lib/transport',[
- 'base',
- 'runtime/client',
- 'mediator'
- ], function( Base, RuntimeClient, Mediator ) {
-
- var $ = Base.$;
-
- function Transport( opts ) {
- var me = this;
-
- opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
- RuntimeClient.call( this, 'Transport' );
-
- this._blob = null;
- this._formData = opts.formData || {};
- this._headers = opts.headers || {};
-
- this.on( 'progress', this._timeout );
- this.on( 'load error', function() {
- me.trigger( 'progress', 1 );
- clearTimeout( me._timer );
- });
- }
-
- Transport.options = {
- server: '',
- method: 'POST',
-
- // 跨域时,是否允许携带cookie, 只有html5 runtime才有效
- withCredentials: false,
- fileVal: 'file',
- timeout: 2 * 60 * 1000, // 2分钟
- formData: {},
- headers: {},
- sendAsBinary: false
- };
-
- $.extend( Transport.prototype, {
-
- // 添加Blob, 只能添加一次,最后一次有效。
- appendBlob: function( key, blob, filename ) {
- var me = this,
- opts = me.options;
-
- if ( me.getRuid() ) {
- me.disconnectRuntime();
- }
-
- // 连接到blob归属的同一个runtime.
- me.connectRuntime( blob.ruid, function() {
- me.exec('init');
- });
-
- me._blob = blob;
- opts.fileVal = key || opts.fileVal;
- opts.filename = filename || opts.filename;
- },
-
- // 添加其他字段
- append: function( key, value ) {
- if ( typeof key === 'object' ) {
- $.extend( this._formData, key );
- } else {
- this._formData[ key ] = value;
- }
- },
-
- setRequestHeader: function( key, value ) {
- if ( typeof key === 'object' ) {
- $.extend( this._headers, key );
- } else {
- this._headers[ key ] = value;
- }
- },
-
- send: function( method ) {
- this.exec( 'send', method );
- this._timeout();
- },
-
- abort: function() {
- clearTimeout( this._timer );
- return this.exec('abort');
- },
-
- destroy: function() {
- this.trigger('destroy');
- this.off();
- this.exec('destroy');
- this.disconnectRuntime();
- },
-
- getResponse: function() {
- return this.exec('getResponse');
- },
-
- getResponseAsJson: function() {
- return this.exec('getResponseAsJson');
- },
-
- getStatus: function() {
- return this.exec('getStatus');
- },
-
- _timeout: function() {
- var me = this,
- duration = me.options.timeout;
-
- if ( !duration ) {
- return;
- }
-
- clearTimeout( me._timer );
- me._timer = setTimeout(function() {
- me.abort();
- me.trigger( 'error', 'timeout' );
- }, duration );
- }
-
- });
-
- // 让Transport具备事件功能。
- Mediator.installTo( Transport.prototype );
-
- return Transport;
- });
- /**
- * @fileOverview 负责文件上传相关。
- */
- define('widgets/upload',[
- 'base',
- 'uploader',
- 'file',
- 'lib/transport',
- 'widgets/widget'
- ], function( Base, Uploader, WUFile, Transport ) {
-
- var $ = Base.$,
- isPromise = Base.isPromise,
- Status = WUFile.Status;
-
- // 添加默认配置项
- $.extend( Uploader.options, {
-
-
- /**
- * @property {Boolean} [prepareNextFile=false]
- * @namespace options
- * @for Uploader
- * @description 是否允许在文件传输时提前把下一个文件准备好。
- * 对于一个文件的准备工作比较耗时,比如图片压缩,md5序列化。
- * 如果能提前在当前文件传输期处理,可以节省总体耗时。
- */
- prepareNextFile: false,
-
- /**
- * @property {Boolean} [chunked=false]
- * @namespace options
- * @for Uploader
- * @description 是否要分片处理大文件上传。
- */
- chunked: false,
-
- /**
- * @property {Boolean} [chunkSize=5242880]
- * @namespace options
- * @for Uploader
- * @description 如果要分片,分多大一片? 默认大小为5M.
- */
- chunkSize: 5 * 1024 * 1024,
-
- /**
- * @property {Boolean} [chunkRetry=2]
- * @namespace options
- * @for Uploader
- * @description 如果某个分片由于网络问题出错,允许自动重传多少次?
- */
- chunkRetry: 2,
-
- /**
- * @property {Boolean} [threads=3]
- * @namespace options
- * @for Uploader
- * @description 上传并发数。允许同时最大上传进程数。
- */
- threads: 3,
-
-
- /**
- * @property {Object} [formData]
- * @namespace options
- * @for Uploader
- * @description 文件上传请求的参数表,每次发送都会发送此对象中的参数。
- */
- formData: null
-
- /**
- * @property {Object} [fileVal='file']
- * @namespace options
- * @for Uploader
- * @description 设置文件上传域的name。
- */
-
- /**
- * @property {Object} [method='POST']
- * @namespace options
- * @for Uploader
- * @description 文件上传方式,`POST`或者`GET`。
- */
-
- /**
- * @property {Object} [sendAsBinary=false]
- * @namespace options
- * @for Uploader
- * @description 是否已二进制的流的方式发送文件,这样整个上传内容`php://input`都为文件内容,
- * 其他参数在$_GET数组中。
- */
- });
-
- // 负责将文件切片。
- function CuteFile( file, chunkSize ) {
- var pending = [],
- blob = file.source,
- total = blob.size,
- chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
- start = 0,
- index = 0,
- len;
-
- while ( index < chunks ) {
- len = Math.min( chunkSize, total - start );
-
- pending.push({
- file: file,
- start: start,
- end: chunkSize ? (start + len) : total,
- total: total,
- chunks: chunks,
- chunk: index++
- });
- start += len;
- }
-
- file.blocks = pending.concat();
- file.remaning = pending.length;
-
- return {
- file: file,
-
- has: function() {
- return !!pending.length;
- },
-
- fetch: function() {
- return pending.shift();
- }
- };
- }
-
- Uploader.register({
- 'start-upload': 'start',
- 'stop-upload': 'stop',
- 'skip-file': 'skipFile',
- 'is-in-progress': 'isInProgress'
- }, {
-
- init: function() {
- var owner = this.owner;
-
- this.runing = false;
-
- // 记录当前正在传的数据,跟threads相关
- this.pool = [];
-
- // 缓存即将上传的文件。
- this.pending = [];
-
- // 跟踪还有多少分片没有完成上传。
- this.remaning = 0;
- this.__tick = Base.bindFn( this._tick, this );
-
- owner.on( 'uploadComplete', function( file ) {
- // 把其他块取消了。
- file.blocks && $.each( file.blocks, function( _, v ) {
- v.transport && (v.transport.abort(), v.transport.destroy());
- delete v.transport;
- });
-
- delete file.blocks;
- delete file.remaning;
- });
- },
-
- /**
- * @event startUpload
- * @description 当开始上传流程时触发。
- * @for Uploader
- */
-
- /**
- * 开始上传。此方法可以从初始状态调用开始上传流程,也可以从暂停状态调用,继续上传流程。
- * @grammar upload() => undefined
- * @method upload
- * @for Uploader
- */
- start: function() {
- var me = this;
-
- // 移出invalid的文件
- $.each( me.request( 'get-files', Status.INVALID ), function() {
- me.request( 'remove-file', this );
- });
-
- if ( me.runing ) {
- return;
- }
-
- me.runing = true;
-
- // 如果有暂停的,则续传
- $.each( me.pool, function( _, v ) {
- var file = v.file;
-
- if ( file.getStatus() === Status.INTERRUPT ) {
- file.setStatus( Status.PROGRESS );
- me._trigged = false;
- v.transport && v.transport.send();
- }
- });
-
- me._trigged = false;
- me.owner.trigger('startUpload');
- Base.nextTick( me.__tick );
- },
-
- /**
- * @event stopUpload
- * @description 当开始上传流程暂停时触发。
- * @for Uploader
- */
-
- /**
- * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
- * @grammar stop() => undefined
- * @grammar stop( true ) => undefined
- * @method stop
- * @for Uploader
- */
- stop: function( interrupt ) {
- var me = this;
-
- if ( me.runing === false ) {
- return;
- }
-
- me.runing = false;
-
- interrupt && $.each( me.pool, function( _, v ) {
- v.transport && v.transport.abort();
- v.file.setStatus( Status.INTERRUPT );
- });
-
- me.owner.trigger('stopUpload');
- },
-
- /**
- * 判断`Uplaode`r是否正在上传中。
- * @grammar isInProgress() => Boolean
- * @method isInProgress
- * @for Uploader
- */
- isInProgress: function() {
- return !!this.runing;
- },
-
- getStats: function() {
- return this.request('get-stats');
- },
-
- /**
- * 掉过一个文件上传,直接标记指定文件为已上传状态。
- * @grammar skipFile( file ) => undefined
- * @method skipFile
- * @for Uploader
- */
- skipFile: function( file, status ) {
- file = this.request( 'get-file', file );
-
- file.setStatus( status || Status.COMPLETE );
- file.skipped = true;
-
- // 如果正在上传。
- file.blocks && $.each( file.blocks, function( _, v ) {
- var _tr = v.transport;
-
- if ( _tr ) {
- _tr.abort();
- _tr.destroy();
- delete v.transport;
- }
- });
-
- this.owner.trigger( 'uploadSkip', file );
- },
-
- /**
- * @event uploadFinished
- * @description 当所有文件上传结束时触发。
- * @for Uploader
- */
- _tick: function() {
- var me = this,
- opts = me.options,
- fn, val;
-
- // 上一个promise还没有结束,则等待完成后再执行。
- if ( me._promise ) {
- return me._promise.always( me.__tick );
- }
-
- // 还有位置,且还有文件要处理的话。
- if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
- me._trigged = false;
-
- fn = function( val ) {
- me._promise = null;
-
- // 有可能是reject过来的,所以要检测val的类型。
- val && val.file && me._startSend( val );
- Base.nextTick( me.__tick );
- };
-
- me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
-
- // 没有要上传的了,且没有正在传输的了。
- } else if ( !me.remaning && !me.getStats().numOfQueue ) {
- me.runing = false;
-
- me._trigged || Base.nextTick(function() {
- me.owner.trigger('uploadFinished');
- });
- me._trigged = true;
- }
- },
-
- _nextBlock: function() {
- var me = this,
- act = me._act,
- opts = me.options,
- next, done;
-
- // 如果当前文件还有没有需要传输的,则直接返回剩下的。
- if ( act && act.has() &&
- act.file.getStatus() === Status.PROGRESS ) {
-
- // 是否提前准备下一个文件
- if ( opts.prepareNextFile && !me.pending.length ) {
- me._prepareNextFile();
- }
-
- return act.fetch();
-
- // 否则,如果正在运行,则准备下一个文件,并等待完成后返回下个分片。
- } else if ( me.runing ) {
-
- // 如果缓存中有,则直接在缓存中取,没有则去queue中取。
- if ( !me.pending.length && me.getStats().numOfQueue ) {
- me._prepareNextFile();
- }
-
- next = me.pending.shift();
- done = function( file ) {
- if ( !file ) {
- return null;
- }
-
- act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
- me._act = act;
- return act.fetch();
- };
-
- // 文件可能还在prepare中,也有可能已经完全准备好了。
- return isPromise( next ) ?
- next[ next.pipe ? 'pipe' : 'then']( done ) :
- done( next );
- }
- },
-
-
- /**
- * @event uploadStart
- * @param {File} file File对象
- * @description 某个文件开始上传前触发,一个文件只会触发一次。
- * @for Uploader
- */
- _prepareNextFile: function() {
- var me = this,
- file = me.request('fetch-file'),
- pending = me.pending,
- promise;
-
- if ( file ) {
- promise = me.request( 'before-send-file', file, function() {
-
- // 有可能文件被skip掉了。文件被skip掉后,状态坑定不是Queued.
- if ( file.getStatus() === Status.QUEUED ) {
- me.owner.trigger( 'uploadStart', file );
- file.setStatus( Status.PROGRESS );
- return file;
- }
-
- return me._finishFile( file );
- });
-
- // 如果还在pending中,则替换成文件本身。
- promise.done(function() {
- var idx = $.inArray( promise, pending );
-
- ~idx && pending.splice( idx, 1, file );
- });
-
- // befeore-send-file的钩子就有错误发生。
- promise.fail(function( reason ) {
- file.setStatus( Status.ERROR, reason );
- me.owner.trigger( 'uploadError', file, reason );
- me.owner.trigger( 'uploadComplete', file );
- });
-
- pending.push( promise );
- }
- },
-
- // 让出位置了,可以让其他分片开始上传
- _popBlock: function( block ) {
- var idx = $.inArray( block, this.pool );
-
- this.pool.splice( idx, 1 );
- block.file.remaning--;
- this.remaning--;
- },
-
- // 开始上传,可以被掉过。如果promise被reject了,则表示跳过此分片。
- _startSend: function( block ) {
- var me = this,
- file = block.file,
- promise;
-
- me.pool.push( block );
- me.remaning++;
-
- // 如果没有分片,则直接使用原始的。
- // 不会丢失content-type信息。
- block.blob = block.chunks === 1 ? file.source :
- file.source.slice( block.start, block.end );
-
- // hook, 每个分片发送之前可能要做些异步的事情。
- promise = me.request( 'before-send', block, function() {
-
- // 有可能文件已经上传出错了,所以不需要再传输了。
- if ( file.getStatus() === Status.PROGRESS ) {
- me._doSend( block );
- } else {
- me._popBlock( block );
- Base.nextTick( me.__tick );
- }
- });
-
- // 如果为fail了,则跳过此分片。
- promise.fail(function() {
- if ( file.remaning === 1 ) {
- me._finishFile( file ).always(function() {
- block.percentage = 1;
- me._popBlock( block );
- me.owner.trigger( 'uploadComplete', file );
- Base.nextTick( me.__tick );
- });
- } else {
- block.percentage = 1;
- me._popBlock( block );
- Base.nextTick( me.__tick );
- }
- });
- },
-
-
- /**
- * @event uploadBeforeSend
- * @param {Object} object
- * @param {Object} data 默认的上传参数,可以扩展此对象来控制上传参数。
- * @description 当某个文件的分块在发送前触发,主要用来询问是否要添加附带参数,大文件在开起分片上传的前提下此事件可能会触发多次。
- * @for Uploader
- */
-
- /**
- * @event uploadAccept
- * @param {Object} object
- * @param {Object} ret 服务端的返回数据,json格式,如果服务端不是json格式,从ret._raw中取数据,自行解析。
- * @description 当某个文件上传到服务端响应后,会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
- * @for Uploader
- */
-
- /**
- * @event uploadProgress
- * @param {File} file File对象
- * @param {Number} percentage 上传进度
- * @description 上传过程中触发,携带上传进度。
- * @for Uploader
- */
-
-
- /**
- * @event uploadError
- * @param {File} file File对象
- * @param {String} reason 出错的code
- * @description 当文件上传出错时触发。
- * @for Uploader
- */
-
- /**
- * @event uploadSuccess
- * @param {File} file File对象
- * @param {Object} response 服务端返回的数据
- * @description 当文件上传成功时触发。
- * @for Uploader
- */
-
- /**
- * @event uploadComplete
- * @param {File} [file] File对象
- * @description 不管成功或者失败,文件上传完成时触发。
- * @for Uploader
- */
-
- // 做上传操作。
- _doSend: function( block ) {
- var me = this,
- owner = me.owner,
- opts = me.options,
- file = block.file,
- tr = new Transport( opts ),
- data = $.extend({}, opts.formData ),
- headers = $.extend({}, opts.headers ),
- requestAccept, ret;
-
- block.transport = tr;
-
- tr.on( 'destroy', function() {
- delete block.transport;
- me._popBlock( block );
- Base.nextTick( me.__tick );
- });
-
- // 广播上传进度。以文件为单位。
- tr.on( 'progress', function( percentage ) {
- var totalPercent = 0,
- uploaded = 0;
-
- // 可能没有abort掉,progress还是执行进来了。
- // if ( !file.blocks ) {
- // return;
- // }
-
- totalPercent = block.percentage = percentage;
-
- if ( block.chunks > 1 ) { // 计算文件的整体速度。
- $.each( file.blocks, function( _, v ) {
- uploaded += (v.percentage || 0) * (v.end - v.start);
- });
-
- totalPercent = uploaded / file.size;
- }
-
- owner.trigger( 'uploadProgress', file, totalPercent || 0 );
- });
-
- // 用来询问,是否返回的结果是有错误的。
- requestAccept = function( reject ) {
- var fn;
-
- ret = tr.getResponseAsJson() || {};
- ret._raw = tr.getResponse();
- fn = function( value ) {
- reject = value;
- };
-
- // 服务端响应了,不代表成功了,询问是否响应正确。
- if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
- reject = reject || 'server';
- }
-
- return reject;
- };
-
- // 尝试重试,然后广播文件上传出错。
- tr.on( 'error', function( type, flag ) {
- block.retried = block.retried || 0;
-
- // 自动重试
- if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
- block.retried < opts.chunkRetry ) {
-
- block.retried++;
- tr.send();
-
- } else {
-
- // http status 500 ~ 600
- if ( !flag && type === 'server' ) {
- type = requestAccept( type );
- }
-
- file.setStatus( Status.ERROR, type );
- owner.trigger( 'uploadError', file, type );
- owner.trigger( 'uploadComplete', file );
- }
- });
-
- // 上传成功
- tr.on( 'load', function() {
- var reason;
-
- // 如果非预期,转向上传出错。
- if ( (reason = requestAccept()) ) {
- tr.trigger( 'error', reason, true );
- return;
- }
-
- // 全部上传完成。
- if ( file.remaning === 1 ) {
- me._finishFile( file, ret );
- } else {
- tr.destroy();
- }
- });
-
- // 配置默认的上传字段。
- data = $.extend( data, {
- id: file.id,
- name: file.name,
- type: file.type,
- lastModifiedDate: file.lastModifiedDate,
- size: file.size
- });
-
- block.chunks > 1 && $.extend( data, {
- chunks: block.chunks,
- chunk: block.chunk
- });
-
- // 在发送之间可以添加字段什么的。。。
- // 如果默认的字段不够使用,可以通过监听此事件来扩展
- owner.trigger( 'uploadBeforeSend', block, data, headers );
-
- // 开始发送。
- tr.appendBlob( opts.fileVal, block.blob, file.name );
- tr.append( data );
- tr.setRequestHeader( headers );
- tr.send();
- },
-
- // 完成上传。
- _finishFile: function( file, ret, hds ) {
- var owner = this.owner;
-
- return owner
- .request( 'after-send-file', arguments, function() {
- file.setStatus( Status.COMPLETE );
- owner.trigger( 'uploadSuccess', file, ret, hds );
- })
- .fail(function( reason ) {
-
- // 如果外部已经标记为invalid什么的,不再改状态。
- if ( file.getStatus() === Status.PROGRESS ) {
- file.setStatus( Status.ERROR, reason );
- }
-
- owner.trigger( 'uploadError', file, reason );
- })
- .always(function() {
- owner.trigger( 'uploadComplete', file );
- });
- }
-
- });
- });
- /**
- * @fileOverview 各种验证,包括文件总大小是否超出、单文件是否超出和文件是否重复。
- */
-
- define('widgets/validator',[
- 'base',
- 'uploader',
- 'file',
- 'widgets/widget'
- ], function( Base, Uploader, WUFile ) {
-
- var $ = Base.$,
- validators = {},
- api;
-
- /**
- * @event error
- * @param {String} type 错误类型。
- * @description 当validate不通过时,会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误,目前有以下错误会在特定的情况下派送错来。
- *
- * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
- * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
- * @for Uploader
- */
-
- // 暴露给外面的api
- api = {
-
- // 添加验证器
- addValidator: function( type, cb ) {
- validators[ type ] = cb;
- },
-
- // 删除验证器
- removeValidator: function( type ) {
- delete validators[ type ];
- }
- };
-
- // 在Uploader初始化的时候启动Validators的初始化
- Uploader.register({
- init: function() {
- var me = this;
- $.each( validators, function() {
- this.call( me.owner );
- });
- }
- });
-
- /**
- * @property {int} [fileNumLimit=undefined]
- * @namespace options
- * @for Uploader
- * @description 验证文件总数量, 超出则不允许加入队列。
- */
- api.addValidator( 'fileNumLimit', function() {
- var uploader = this,
- opts = uploader.options,
- count = 0,
- max = opts.fileNumLimit >> 0,
- flag = true;
-
- if ( !max ) {
- return;
- }
-
- uploader.on( 'beforeFileQueued', function( file ) {
-
- if ( count >= max && flag ) {
- flag = false;
- this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
- setTimeout(function() {
- flag = true;
- }, 1 );
- }
-
- return count >= max ? false : true;
- });
-
- uploader.on( 'fileQueued', function() {
- count++;
- });
-
- uploader.on( 'fileDequeued', function() {
- count--;
- });
-
- uploader.on( 'uploadFinished', function() {
- count = 0;
- });
- });
-
-
- /**
- * @property {int} [fileSizeLimit=undefined]
- * @namespace options
- * @for Uploader
- * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
- */
- api.addValidator( 'fileSizeLimit', function() {
- var uploader = this,
- opts = uploader.options,
- count = 0,
- max = opts.fileSizeLimit >> 0,
- flag = true;
-
- if ( !max ) {
- return;
- }
-
- uploader.on( 'beforeFileQueued', function( file ) {
- var invalid = count + file.size > max;
-
- if ( invalid && flag ) {
- flag = false;
- this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
- setTimeout(function() {
- flag = true;
- }, 1 );
- }
-
- return invalid ? false : true;
- });
-
- uploader.on( 'fileQueued', function( file ) {
- count += file.size;
- });
-
- uploader.on( 'fileDequeued', function( file ) {
- count -= file.size;
- });
-
- uploader.on( 'uploadFinished', function() {
- count = 0;
- });
- });
-
- /**
- * @property {int} [fileSingleSizeLimit=undefined]
- * @namespace options
- * @for Uploader
- * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
- */
- api.addValidator( 'fileSingleSizeLimit', function() {
- var uploader = this,
- opts = uploader.options,
- max = opts.fileSingleSizeLimit;
-
- if ( !max ) {
- return;
- }
-
- uploader.on( 'beforeFileQueued', function( file ) {
-
- if ( file.size > max ) {
- file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
- this.trigger( 'error', 'F_EXCEED_SIZE', file );
- return false;
- }
-
- });
-
- });
-
- /**
- * @property {int} [duplicate=undefined]
- * @namespace options
- * @for Uploader
- * @description 去重, 根据文件名字、文件大小和最后修改时间来生成hash Key.
- */
- api.addValidator( 'duplicate', function() {
- var uploader = this,
- opts = uploader.options,
- mapping = {};
-
- if ( opts.duplicate ) {
- return;
- }
-
- function hashString( str ) {
- var hash = 0,
- i = 0,
- len = str.length,
- _char;
-
- for ( ; i < len; i++ ) {
- _char = str.charCodeAt( i );
- hash = _char + (hash << 6) + (hash << 16) - hash;
- }
-
- return hash;
- }
-
- uploader.on( 'beforeFileQueued', function( file ) {
- var hash = file.__hash || (file.__hash = hashString( file.name +
- file.size + file.lastModifiedDate ));
-
- // 已经重复了
- if ( mapping[ hash ] ) {
- this.trigger( 'error', 'F_DUPLICATE', file );
- return false;
- }
- });
-
- uploader.on( 'fileQueued', function( file ) {
- var hash = file.__hash;
-
- hash && (mapping[ hash ] = true);
- });
-
- uploader.on( 'fileDequeued', function( file ) {
- var hash = file.__hash;
-
- hash && (delete mapping[ hash ]);
- });
- });
-
- return api;
- });
-
- /**
- * @fileOverview Runtime管理器,负责Runtime的选择, 连接
- */
- define('runtime/compbase',[],function() {
-
- function CompBase( owner, runtime ) {
-
- this.owner = owner;
- this.options = owner.options;
-
- this.getRuntime = function() {
- return runtime;
- };
-
- this.getRuid = function() {
- return runtime.uid;
- };
-
- this.trigger = function() {
- return owner.trigger.apply( owner, arguments );
- };
- }
-
- return CompBase;
- });
- /**
- * @fileOverview Html5Runtime
- */
- define('runtime/html5/runtime',[
- 'base',
- 'runtime/runtime',
- 'runtime/compbase'
- ], function( Base, Runtime, CompBase ) {
-
- var type = 'html5',
- components = {};
-
- function Html5Runtime() {
- var pool = {},
- me = this,
- destory = this.destory;
-
- Runtime.apply( me, arguments );
- me.type = type;
-
-
- // 这个方法的调用者,实际上是RuntimeClient
- me.exec = function( comp, fn/*, args...*/) {
- var client = this,
- uid = client.uid,
- args = Base.slice( arguments, 2 ),
- instance;
-
- if ( components[ comp ] ) {
- instance = pool[ uid ] = pool[ uid ] ||
- new components[ comp ]( client, me );
-
- if ( instance[ fn ] ) {
- return instance[ fn ].apply( instance, args );
- }
- }
- };
-
- me.destory = function() {
- // @todo 删除池子中的所有实例
- return destory && destory.apply( this, arguments );
- };
- }
-
- Base.inherits( Runtime, {
- constructor: Html5Runtime,
-
- // 不需要连接其他程序,直接执行callback
- init: function() {
- var me = this;
- setTimeout(function() {
- me.trigger('ready');
- }, 1 );
- }
-
- });
-
- // 注册Components
- Html5Runtime.register = function( name, component ) {
- var klass = components[ name ] = Base.inherits( CompBase, component );
- return klass;
- };
-
- // 注册html5运行时。
- // 只有在支持的前提下注册。
- if ( window.Blob && window.FileReader && window.DataView ) {
- Runtime.addRuntime( type, Html5Runtime );
- }
-
- return Html5Runtime;
- });
- /**
- * @fileOverview Blob Html实现
- */
- define('runtime/html5/blob',[
- 'runtime/html5/runtime',
- 'lib/blob'
- ], function( Html5Runtime, Blob ) {
-
- return Html5Runtime.register( 'Blob', {
- slice: function( start, end ) {
- var blob = this.owner.source,
- slice = blob.slice || blob.webkitSlice || blob.mozSlice;
-
- blob = slice.call( blob, start, end );
-
- return new Blob( this.getRuid(), blob );
- }
- });
- });
- /**
- * @fileOverview FilePaste
- */
- define('runtime/html5/dnd',[
- 'base',
- 'runtime/html5/runtime',
- 'lib/file'
- ], function( Base, Html5Runtime, File ) {
-
- var $ = Base.$,
- prefix = 'webuploader-dnd-';
-
- return Html5Runtime.register( 'DragAndDrop', {
- init: function() {
- var elem = this.elem = this.options.container;
-
- this.dragEnterHandler = Base.bindFn( this._dragEnterHandler, this );
- this.dragOverHandler = Base.bindFn( this._dragOverHandler, this );
- this.dragLeaveHandler = Base.bindFn( this._dragLeaveHandler, this );
- this.dropHandler = Base.bindFn( this._dropHandler, this );
- this.dndOver = false;
-
- elem.on( 'dragenter', this.dragEnterHandler );
- elem.on( 'dragover', this.dragOverHandler );
- elem.on( 'dragleave', this.dragLeaveHandler );
- elem.on( 'drop', this.dropHandler );
-
- if ( this.options.disableGlobalDnd ) {
- $( document ).on( 'dragover', this.dragOverHandler );
- $( document ).on( 'drop', this.dropHandler );
- }
- },
-
- _dragEnterHandler: function( e ) {
- var me = this,
- denied = me._denied || false,
- items;
-
- e = e.originalEvent || e;
-
- if ( !me.dndOver ) {
- me.dndOver = true;
-
- // 注意只有 chrome 支持。
- items = e.dataTransfer.items;
-
- if ( items && items.length ) {
- me._denied = denied = !me.trigger( 'accept', items );
- }
-
- me.elem.addClass( prefix + 'over' );
- me.elem[ denied ? 'addClass' :
- 'removeClass' ]( prefix + 'denied' );
- }
-
-
- e.dataTransfer.dropEffect = denied ? 'none' : 'copy';
-
- return false;
- },
-
- _dragOverHandler: function( e ) {
- // 只处理框内的。
- var parentElem = this.elem.parent().get( 0 );
- if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
- return false;
- }
-
- clearTimeout( this._leaveTimer );
- this._dragEnterHandler.call( this, e );
-
- return false;
- },
-
- _dragLeaveHandler: function() {
- var me = this,
- handler;
-
- handler = function() {
- me.dndOver = false;
- me.elem.removeClass( prefix + 'over ' + prefix + 'denied' );
- };
-
- clearTimeout( me._leaveTimer );
- me._leaveTimer = setTimeout( handler, 100 );
- return false;
- },
-
- _dropHandler: function( e ) {
- var me = this,
- ruid = me.getRuid(),
- parentElem = me.elem.parent().get( 0 );
-
- // 只处理框内的。
- if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
- return false;
- }
-
- me._getTansferFiles( e, function( results ) {
- me.trigger( 'drop', $.map( results, function( file ) {
- return new File( ruid, file );
- }) );
- });
-
- me.dndOver = false;
- me.elem.removeClass( prefix + 'over' );
- return false;
- },
-
- // 如果传入 callback 则去查看文件夹,否则只管当前文件夹。
- _getTansferFiles: function( e, callback ) {
- var results = [],
- promises = [],
- items, files, dataTransfer, file, item, i, len, canAccessFolder;
-
- e = e.originalEvent || e;
-
- dataTransfer = e.dataTransfer;
- items = dataTransfer.items;
- files = dataTransfer.files;
-
- canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);
-
- for ( i = 0, len = files.length; i < len; i++ ) {
- file = files[ i ];
- item = items && items[ i ];
-
- if ( canAccessFolder && item.webkitGetAsEntry().isDirectory ) {
-
- promises.push( this._traverseDirectoryTree(
- item.webkitGetAsEntry(), results ) );
- } else {
- results.push( file );
- }
- }
-
- Base.when.apply( Base, promises ).done(function() {
-
- if ( !results.length ) {
- return;
- }
-
- callback( results );
- });
- },
-
- _traverseDirectoryTree: function( entry, results ) {
- var deferred = Base.Deferred(),
- me = this;
-
- if ( entry.isFile ) {
- entry.file(function( file ) {
- results.push( file );
- deferred.resolve();
- });
- } else if ( entry.isDirectory ) {
- entry.createReader().readEntries(function( entries ) {
- var len = entries.length,
- promises = [],
- arr = [], // 为了保证顺序。
- i;
-
- for ( i = 0; i < len; i++ ) {
- promises.push( me._traverseDirectoryTree(
- entries[ i ], arr ) );
- }
-
- Base.when.apply( Base, promises ).then(function() {
- results.push.apply( results, arr );
- deferred.resolve();
- }, deferred.reject );
- });
- }
-
- return deferred.promise();
- },
-
- destroy: function() {
- var elem = this.elem;
-
- elem.off( 'dragenter', this.dragEnterHandler );
- elem.off( 'dragover', this.dragEnterHandler );
- elem.off( 'dragleave', this.dragLeaveHandler );
- elem.off( 'drop', this.dropHandler );
-
- if ( this.options.disableGlobalDnd ) {
- $( document ).off( 'dragover', this.dragOverHandler );
- $( document ).off( 'drop', this.dropHandler );
- }
- }
- });
- });
-
- /**
- * @fileOverview FilePaste
- */
- define('runtime/html5/filepaste',[
- 'base',
- 'runtime/html5/runtime',
- 'lib/file'
- ], function( Base, Html5Runtime, File ) {
-
- return Html5Runtime.register( 'FilePaste', {
- init: function() {
- var opts = this.options,
- elem = this.elem = opts.container,
- accept = '.*',
- arr, i, len, item;
-
- // accetp的mimeTypes中生成匹配正则。
- if ( opts.accept ) {
- arr = [];
-
- for ( i = 0, len = opts.accept.length; i < len; i++ ) {
- item = opts.accept[ i ].mimeTypes;
- item && arr.push( item );
- }
-
- if ( arr.length ) {
- accept = arr.join(',');
- accept = accept.replace( /,/g, '|' ).replace( /\*/g, '.*' );
- }
- }
- this.accept = accept = new RegExp( accept, 'i' );
- this.hander = Base.bindFn( this._pasteHander, this );
- elem.on( 'paste', this.hander );
- },
-
- _pasteHander: function( e ) {
- var allowed = [],
- ruid = this.getRuid(),
- items, item, blob, i, len;
-
- e = e.originalEvent || e;
- items = e.clipboardData.items;
-
- for ( i = 0, len = items.length; i < len; i++ ) {
- item = items[ i ];
-
- if ( item.kind !== 'file' || !(blob = item.getAsFile()) ) {
- continue;
- }
-
- allowed.push( new File( ruid, blob ) );
- }
-
- if ( allowed.length ) {
- // 不阻止非文件粘贴(文字粘贴)的事件冒泡
- e.preventDefault();
- e.stopPropagation();
- this.trigger( 'paste', allowed );
- }
- },
-
- destroy: function() {
- this.elem.off( 'paste', this.hander );
- }
- });
- });
-
- /**
- * @fileOverview FilePicker
- */
- define('runtime/html5/filepicker',[
- 'base',
- 'runtime/html5/runtime'
- ], function( Base, Html5Runtime ) {
-
- var $ = Base.$;
-
- return Html5Runtime.register( 'FilePicker', {
- init: function() {
- var container = this.getRuntime().getContainer(),
- me = this,
- owner = me.owner,
- opts = me.options,
- lable = $( document.createElement('label') ),
- input = $( document.createElement('input') ),
- arr, i, len, mouseHandler;
-
- input.attr( 'type', 'file' );
- input.attr( 'name', opts.name );
- input.addClass('webuploader-element-invisible');
-
- lable.on( 'click', function() {
- input.trigger('click');
- });
-
- lable.css({
- opacity: 0,
- width: '100%',
- height: '100%',
- display: 'block',
- cursor: 'pointer',
- background: '#ffffff'
- });
-
- if ( opts.multiple ) {
- input.attr( 'multiple', 'multiple' );
- }
-
- // @todo Firefox不支持单独指定后缀
- if ( opts.accept && opts.accept.length > 0 ) {
- arr = [];
-
- for ( i = 0, len = opts.accept.length; i < len; i++ ) {
- arr.push( opts.accept[ i ].mimeTypes );
- }
-
- input.attr( 'accept', arr.join(',') );
- }
-
- container.append( input );
- container.append( lable );
-
- mouseHandler = function( e ) {
- owner.trigger( e.type );
- };
-
- input.on( 'change', function( e ) {
- var fn = arguments.callee,
- clone;
-
- me.files = e.target.files;
-
- // reset input
- clone = this.cloneNode( true );
- this.parentNode.replaceChild( clone, this );
-
- input.off();
- input = $( clone ).on( 'change', fn )
- .on( 'mouseenter mouseleave', mouseHandler );
-
- owner.trigger('change');
- });
-
- lable.on( 'mouseenter mouseleave', mouseHandler );
-
- },
-
-
- getFiles: function() {
- return this.files;
- },
-
- destroy: function() {
- // todo
- }
- });
- });
- /**
- * @fileOverview Transport
- * @todo 支持chunked传输,优势:
- * 可以将大文件分成小块,挨个传输,可以提高大文件成功率,当失败的时候,也只需要重传那小部分,
- * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
- */
- define('runtime/html5/transport',[
- 'base',
- 'runtime/html5/runtime'
- ], function( Base, Html5Runtime ) {
-
- var noop = Base.noop,
- $ = Base.$;
-
- return Html5Runtime.register( 'Transport', {
- init: function() {
- this._status = 0;
- this._response = null;
- },
-
- send: function() {
- var owner = this.owner,
- opts = this.options,
- xhr = this._initAjax(),
- blob = owner._blob,
- server = opts.server,
- formData, binary, fr;
-
- if ( opts.sendAsBinary ) {
- server += (/\?/.test( server ) ? '&' : '?') +
- $.param( owner._formData );
-
- binary = blob.getSource();
- } else {
- formData = new FormData();
- $.each( owner._formData, function( k, v ) {
- formData.append( k, v );
- });
-
- formData.append( opts.fileVal, blob.getSource(),
- opts.filename || owner._formData.name || '' );
- }
-
- if ( opts.withCredentials && 'withCredentials' in xhr ) {
- xhr.open( opts.method, server, true );
- xhr.withCredentials = true;
- } else {
- xhr.open( opts.method, server );
- }
-
- this._setRequestHeader( xhr, opts.headers );
-
- if ( binary ) {
- xhr.overrideMimeType('application/octet-stream');
-
- // android直接发送blob会导致服务端接收到的是空文件。
- // bug详情。
- // https://code.google.com/p/android/issues/detail?id=39882
- // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
- if ( Base.os.android ) {
- fr = new FileReader();
-
- fr.onload = function() {
- xhr.send( this.result );
- fr = fr.onload = null;
- };
-
- fr.readAsArrayBuffer( binary );
- } else {
- xhr.send( binary );
- }
- } else {
- xhr.send( formData );
- }
- },
-
- getResponse: function() {
- return this._response;
- },
-
- getResponseAsJson: function() {
- return this._parseJson( this._response );
- },
-
- getStatus: function() {
- return this._status;
- },
-
- abort: function() {
- var xhr = this._xhr;
-
- if ( xhr ) {
- xhr.upload.onprogress = noop;
- xhr.onreadystatechange = noop;
- xhr.abort();
-
- this._xhr = xhr = null;
- }
- },
-
- destroy: function() {
- this.abort();
- },
-
- _initAjax: function() {
- var me = this,
- xhr = new XMLHttpRequest(),
- opts = this.options;
-
- if ( opts.withCredentials && !('withCredentials' in xhr) &&
- typeof XDomainRequest !== 'undefined' ) {
- xhr = new XDomainRequest();
- }
-
- xhr.upload.onprogress = function( e ) {
- var percentage = 0;
-
- if ( e.lengthComputable ) {
- percentage = e.loaded / e.total;
- }
-
- return me.trigger( 'progress', percentage );
- };
-
- xhr.onreadystatechange = function() {
-
- if ( xhr.readyState !== 4 ) {
- return;
- }
-
- xhr.upload.onprogress = noop;
- xhr.onreadystatechange = noop;
- me._xhr = null;
- me._status = xhr.status;
-
- if ( xhr.status >= 200 && xhr.status < 300 ) {
- me._response = xhr.responseText;
- return me.trigger('load');
- } else if ( xhr.status >= 500 && xhr.status < 600 ) {
- me._response = xhr.responseText;
- return me.trigger( 'error', 'server' );
- }
-
-
- return me.trigger( 'error', me._status ? 'http' : 'abort' );
- };
-
- me._xhr = xhr;
- return xhr;
- },
-
- _setRequestHeader: function( xhr, headers ) {
- $.each( headers, function( key, val ) {
- xhr.setRequestHeader( key, val );
- });
- },
-
- _parseJson: function( str ) {
- var json;
-
- try {
- json = JSON.parse( str );
- } catch ( ex ) {
- json = {};
- }
-
- return json;
- }
- });
- });
- /**
- * @fileOverview FlashRuntime
- */
- define('runtime/flash/runtime',[
- 'base',
- 'runtime/runtime',
- 'runtime/compbase'
- ], function( Base, Runtime, CompBase ) {
-
- var $ = Base.$,
- type = 'flash',
- components = {};
-
-
- function getFlashVersion() {
- var version;
-
- try {
- version = navigator.plugins[ 'Shockwave Flash' ];
- version = version.description;
- } catch ( ex ) {
- try {
- version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
- .GetVariable('$version');
- } catch ( ex2 ) {
- version = '0.0';
- }
- }
- version = version.match( /\d+/g );
- return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
- }
-
- function FlashRuntime() {
- var pool = {},
- clients = {},
- destory = this.destory,
- me = this,
- jsreciver = Base.guid('webuploader_');
-
- Runtime.apply( me, arguments );
- me.type = type;
-
-
- // 这个方法的调用者,实际上是RuntimeClient
- me.exec = function( comp, fn/*, args...*/ ) {
- var client = this,
- uid = client.uid,
- args = Base.slice( arguments, 2 ),
- instance;
-
- clients[ uid ] = client;
-
- if ( components[ comp ] ) {
- if ( !pool[ uid ] ) {
- pool[ uid ] = new components[ comp ]( client, me );
- }
-
- instance = pool[ uid ];
-
- if ( instance[ fn ] ) {
- return instance[ fn ].apply( instance, args );
- }
- }
-
- return me.flashExec.apply( client, arguments );
- };
-
- function handler( evt, obj ) {
- var type = evt.type || evt,
- parts, uid;
-
- parts = type.split('::');
- uid = parts[ 0 ];
- type = parts[ 1 ];
-
- // console.log.apply( console, arguments );
-
- if ( type === 'Ready' && uid === me.uid ) {
- me.trigger('ready');
- } else if ( clients[ uid ] ) {
- clients[ uid ].trigger( type.toLowerCase(), evt, obj );
- }
-
- // Base.log( evt, obj );
- }
-
- // flash的接受器。
- window[ jsreciver ] = function() {
- var args = arguments;
-
- // 为了能捕获得到。
- setTimeout(function() {
- handler.apply( null, args );
- }, 1 );
- };
-
- this.jsreciver = jsreciver;
-
- this.destory = function() {
- // @todo 删除池子中的所有实例
- return destory && destory.apply( this, arguments );
- };
-
- this.flashExec = function( comp, fn ) {
- var flash = me.getFlash(),
- args = Base.slice( arguments, 2 );
-
- return flash.exec( this.uid, comp, fn, args );
- };
-
- // @todo
- }
-
- Base.inherits( Runtime, {
- constructor: FlashRuntime,
-
- init: function() {
- var container = this.getContainer(),
- opts = this.options,
- html;
-
- // if not the minimal height, shims are not initialized
- // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
- container.css({
- position: 'absolute',
- top: '-8px',
- left: '-8px',
- width: '9px',
- height: '9px',
- overflow: 'hidden'
- });
-
- // insert flash object
- html = '<object id="' + this.uid + '" type="application/' +
- 'x-shockwave-flash" data="' + opts.swf + '" ';
-
- if ( Base.browser.ie ) {
- html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
- }
-
- html += 'width="100%" height="100%" style="outline:0">' +
- '<param name="movie" value="' + opts.swf + '" />' +
- '<param name="flashvars" value="uid=' + this.uid +
- '&jsreciver=' + this.jsreciver + '" />' +
- '<param name="wmode" value="transparent" />' +
- '<param name="allowscriptaccess" value="always" />' +
- '</object>';
-
- container.html( html );
- },
-
- getFlash: function() {
- if ( this._flash ) {
- return this._flash;
- }
-
- this._flash = $( '#' + this.uid ).get( 0 );
- return this._flash;
- }
-
- });
-
- FlashRuntime.register = function( name, component ) {
- component = components[ name ] = Base.inherits( CompBase, $.extend({
-
- // @todo fix this later
- flashExec: function() {
- var owner = this.owner,
- runtime = this.getRuntime();
-
- return runtime.flashExec.apply( owner, arguments );
- }
- }, component ) );
-
- return component;
- };
-
- if ( getFlashVersion() >= 11.4 ) {
- Runtime.addRuntime( type, FlashRuntime );
- }
-
- return FlashRuntime;
- });
- /**
- * @fileOverview FilePicker
- */
- define('runtime/flash/filepicker',[
- 'base',
- 'runtime/flash/runtime'
- ], function( Base, FlashRuntime ) {
- var $ = Base.$;
-
- return FlashRuntime.register( 'FilePicker', {
- init: function( opts ) {
- var copy = $.extend({}, opts ),
- len, i;
-
- // 修复Flash再没有设置title的情况下无法弹出flash文件选择框的bug.
- len = copy.accept && copy.accept.length;
- for ( i = 0; i < len; i++ ) {
- if ( !copy.accept[ i ].title ) {
- copy.accept[ i ].title = 'Files';
- }
- }
-
- delete copy.button;
- delete copy.container;
-
- this.flashExec( 'FilePicker', 'init', copy );
- },
-
- destroy: function() {
- // todo
- }
- });
- });
- /**
- * @fileOverview Transport flash实现
- */
- define('runtime/flash/transport',[
- 'base',
- 'runtime/flash/runtime',
- 'runtime/client'
- ], function( Base, FlashRuntime, RuntimeClient ) {
- var $ = Base.$;
-
- return FlashRuntime.register( 'Transport', {
- init: function() {
- this._status = 0;
- this._response = null;
- this._responseJson = null;
- },
-
- send: function() {
- var owner = this.owner,
- opts = this.options,
- xhr = this._initAjax(),
- blob = owner._blob,
- server = opts.server,
- binary;
-
- xhr.connectRuntime( blob.ruid );
-
- if ( opts.sendAsBinary ) {
- server += (/\?/.test( server ) ? '&' : '?') +
- $.param( owner._formData );
-
- binary = blob.uid;
- } else {
- $.each( owner._formData, function( k, v ) {
- xhr.exec( 'append', k, v );
- });
-
- xhr.exec( 'appendBlob', opts.fileVal, blob.uid,
- opts.filename || owner._formData.name || '' );
- }
-
- this._setRequestHeader( xhr, opts.headers );
- xhr.exec( 'send', {
- method: opts.method,
- url: server
- }, binary );
- },
-
- getStatus: function() {
- return this._status;
- },
-
- getResponse: function() {
- return this._response;
- },
-
- getResponseAsJson: function() {
- return this._responseJson;
- },
-
- abort: function() {
- var xhr = this._xhr;
-
- if ( xhr ) {
- xhr.exec('abort');
- xhr.destroy();
- this._xhr = xhr = null;
- }
- },
-
- destroy: function() {
- this.abort();
- },
-
- _initAjax: function() {
- var me = this,
- xhr = new RuntimeClient('XMLHttpRequest');
-
- xhr.on( 'uploadprogress progress', function( e ) {
- return me.trigger( 'progress', e.loaded / e.total );
- });
-
- xhr.on( 'load', function() {
- var status = xhr.exec('getStatus'),
- err = '';
-
- xhr.off();
- me._xhr = null;
-
- if ( status >= 200 && status < 300 ) {
- me._response = xhr.exec('getResponse');
- me._responseJson = xhr.exec('getResponseAsJson');
- } else if ( status >= 500 && status < 600 ) {
- me._response = xhr.exec('getResponse');
- me._responseJson = xhr.exec('getResponseAsJson');
- err = 'server';
- } else {
- err = 'http';
- }
-
- xhr.destroy();
- xhr = null;
-
- return err ? me.trigger( 'error', err ) : me.trigger('load');
- });
-
- xhr.on( 'error', function() {
- xhr.off();
- me._xhr = null;
- me.trigger( 'error', 'http' );
- });
-
- me._xhr = xhr;
- return xhr;
- },
-
- _setRequestHeader: function( xhr, headers ) {
- $.each( headers, function( key, val ) {
- xhr.exec( 'setRequestHeader', key, val );
- });
- }
- });
- });
- /**
- * @fileOverview 没有图像处理的版本。
- */
- define('preset/withoutimage',[
- 'base',
-
- // widgets
- 'widgets/filednd',
- 'widgets/filepaste',
- 'widgets/filepicker',
- 'widgets/queue',
- 'widgets/runtime',
- 'widgets/upload',
- 'widgets/validator',
-
- // runtimes
- // html5
- 'runtime/html5/blob',
- 'runtime/html5/dnd',
- 'runtime/html5/filepaste',
- 'runtime/html5/filepicker',
- 'runtime/html5/transport',
-
- // flash
- 'runtime/flash/filepicker',
- 'runtime/flash/transport'
- ], function( Base ) {
- return Base;
- });
- define('webuploader',[
- 'preset/withoutimage'
- ], function( preset ) {
- return preset;
- });
- return require('webuploader');
- });
|