PageRenderTime 76ms CodeModel.GetById 24ms RepoModel.GetById 0ms app.codeStats 0ms

/ajax/libs/webshim/1.14.0/dev/shims/filereader.js

https://gitlab.com/Blueprint-Marketing/cdnjs
JavaScript | 383 lines | 329 code | 51 blank | 3 comment | 81 complexity | 93783c9564d0227201cce3949e3cfdfe MD5 | raw file
  1. webshim.register('filereader', function($, webshim, window, document, undefined, featureOptions){
  2. "use strict";
  3. var mOxie, moxie;
  4. var FormData = $.noop;
  5. var sel = 'input[type="file"].ws-filereader';
  6. var loadMoxie = function (){
  7. webshim.loader.loadList(['moxie']);
  8. };
  9. var _createFilePicker = function(){
  10. var $input, picker, $parent;
  11. var input = this;
  12. if(webshim.implement(input, 'filepicker')){
  13. input = this;
  14. $input = $(this);
  15. $parent = $input.parent();
  16. $input.on('mousedown.filereaderwaiting click.filereaderwaiting', false);
  17. $parent.addClass('ws-loading');
  18. picker = new mOxie.FileInput({
  19. browse_button: this,
  20. accept: $.prop(this, 'accept'),
  21. multiple: $.prop(this, 'multiple')
  22. });
  23. picker.onready = function(){
  24. $input.off('.fileraderwaiting');
  25. $parent.removeClass('ws-waiting');
  26. };
  27. picker.onchange = function(e){
  28. webshim.data(input, 'fileList', e.target.files);
  29. $input.trigger('change');
  30. };
  31. picker.onmouseenter = function(){
  32. $input.trigger('mouseover');
  33. $parent.addClass('ws-mouseenter');
  34. };
  35. picker.onmouseleave = function(){
  36. $input.trigger('mouseout');
  37. $parent.removeClass('ws-mouseenter');
  38. };
  39. picker.onmousedown = function(){
  40. $input.trigger('mousedown');
  41. $parent.addClass('ws-active');
  42. };
  43. picker.onmouseup = function(){
  44. $input.trigger('mouseup');
  45. $parent.removeClass('ws-active');
  46. };
  47. webshim.data(input, 'filePicker', picker);
  48. webshim.ready('WINDOWLOAD', function(){
  49. var lastWidth;
  50. $input.onWSOff('updateshadowdom', function(){
  51. var curWitdth = input.offsetWidth;
  52. if(curWitdth && lastWidth != curWitdth){
  53. lastWidth = curWitdth;
  54. picker.refresh();
  55. }
  56. });
  57. });
  58. webshim.addShadowDom();
  59. picker.init();
  60. if(input.disabled){
  61. picker.disable(true);
  62. }
  63. }
  64. };
  65. var getFileNames = function(file){
  66. return file.name;
  67. };
  68. var createFilePicker = function(){
  69. var elem = this;
  70. loadMoxie();
  71. $(elem)
  72. .on('mousedown.filereaderwaiting click.filereaderwaiting', false)
  73. .parent()
  74. .addClass('ws-loading')
  75. ;
  76. webshim.ready('moxie', function(){
  77. createFilePicker.call(elem);
  78. });
  79. };
  80. var noxhr = /^(?:script|jsonp)$/i;
  81. var notReadyYet = function(){
  82. loadMoxie();
  83. webshim.error('filereader/formdata not ready yet. please wait for moxie to load `webshim.ready("moxie", callbackFn);`` or wait for the first change event on input[type="file"].ws-filereader.')
  84. };
  85. var inputValueDesc = webshim.defineNodeNameProperty('input', 'value', {
  86. prop: {
  87. get: function(){
  88. var fileList = webshim.data(this, 'fileList');
  89. if(fileList && fileList.map){
  90. return fileList.map(getFileNames).join(', ');
  91. }
  92. return inputValueDesc.prop._supget.call(this);
  93. }
  94. }
  95. }
  96. );
  97. var testMoxie = function(options){
  98. return (options.wsType == 'moxie' || (options.data && options.data instanceof mOxie.FormData) || (options.crossDomain && $.support.cors !== false && !noxhr.test(options.dataType || '')));
  99. };
  100. var createMoxieTransport = function (options){
  101. if(testMoxie(options)){
  102. var ajax;
  103. return {
  104. send: function( headers, completeCallback ) {
  105. var proressEvent = function(obj, name){
  106. if(options[name]){
  107. var called = false;
  108. ajax.addEventListener('load', function(e){
  109. if(!called){
  110. options[name]({type: 'progress', lengthComputable: true, total: 1, loaded: 1});
  111. } else if(called.lengthComputable && called.total > called.loaded){
  112. options[name]({type: 'progress', lengthComputable: true, total: called.total, loaded: called.total});
  113. }
  114. });
  115. obj.addEventListener('progress', function(e){
  116. called = e;
  117. options[name](e);
  118. });
  119. }
  120. };
  121. ajax = new moxie.xhr.XMLHttpRequest();
  122. ajax.open(options.type, options.url, options.async, options.username, options.password);
  123. proressEvent(ajax.upload, featureOptions.uploadprogress);
  124. proressEvent(ajax.upload, featureOptions.progress);
  125. ajax.addEventListener('load', function(e){
  126. var responses = {
  127. text: ajax.responseText,
  128. xml: ajax.responseXML
  129. };
  130. completeCallback(ajax.status, ajax.statusText, responses, ajax.getAllResponseHeaders());
  131. });
  132. if(options.xhrFields && options.xhrFields.withCredentials){
  133. ajax.withCredentials = true;
  134. }
  135. if(options.timeout){
  136. ajax.timeout = options.timeout;
  137. }
  138. $.each(headers, function(name, value){
  139. ajax.setRequestHeader(name, value);
  140. });
  141. ajax.send(options.data);
  142. },
  143. abort: function() {
  144. if(ajax){
  145. ajax.abort();
  146. }
  147. }
  148. };
  149. }
  150. };
  151. var transports = {
  152. //based on script: https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest
  153. xdomain: (function(){
  154. var httpRegEx = /^https?:\/\//i;
  155. var getOrPostRegEx = /^get|post$/i;
  156. var sameSchemeRegEx = new RegExp('^'+location.protocol, 'i');
  157. return function(options, userOptions, jqXHR) {
  158. // Only continue if the request is: asynchronous, uses GET or POST method, has HTTP or HTTPS protocol, and has the same scheme as the calling page
  159. if (!options.crossDomain || options.username || (options.xhrFields && options.xhrFields.withCredentials) || !options.async || !getOrPostRegEx.test(options.type) || !httpRegEx.test(options.url) || !sameSchemeRegEx.test(options.url) || (options.data && options.data instanceof mOxie.FormData) || noxhr.test(options.dataType || '')) {
  160. return;
  161. }
  162. var xdr = null;
  163. return {
  164. send: function(headers, complete) {
  165. var postData = '';
  166. var userType = (userOptions.dataType || '').toLowerCase();
  167. xdr = new XDomainRequest();
  168. if (/^\d+$/.test(userOptions.timeout)) {
  169. xdr.timeout = userOptions.timeout;
  170. }
  171. xdr.ontimeout = function() {
  172. complete(500, 'timeout');
  173. };
  174. xdr.onload = function() {
  175. var allResponseHeaders = 'Content-Length: ' + xdr.responseText.length + '\r\nContent-Type: ' + xdr.contentType;
  176. var status = {
  177. code: xdr.status || 200,
  178. message: xdr.statusText || 'OK'
  179. };
  180. var responses = {
  181. text: xdr.responseText,
  182. xml: xdr.responseXML
  183. };
  184. try {
  185. if (userType === 'html' || /text\/html/i.test(xdr.contentType)) {
  186. responses.html = xdr.responseText;
  187. } else if (userType === 'json' || (userType !== 'text' && /\/json/i.test(xdr.contentType))) {
  188. try {
  189. responses.json = $.parseJSON(xdr.responseText);
  190. } catch(e) {
  191. }
  192. } else if (userType === 'xml' && !xdr.responseXML) {
  193. var doc;
  194. try {
  195. doc = new ActiveXObject('Microsoft.XMLDOM');
  196. doc.async = false;
  197. doc.loadXML(xdr.responseText);
  198. } catch(e) {
  199. }
  200. responses.xml = doc;
  201. }
  202. } catch(parseMessage) {}
  203. complete(status.code, status.message, responses, allResponseHeaders);
  204. };
  205. // set an empty handler for 'onprogress' so requests don't get aborted
  206. xdr.onprogress = function(){};
  207. xdr.onerror = function() {
  208. complete(500, 'error', {
  209. text: xdr.responseText
  210. });
  211. };
  212. if (userOptions.data) {
  213. postData = ($.type(userOptions.data) === 'string') ? userOptions.data : $.param(userOptions.data);
  214. }
  215. xdr.open(options.type, options.url);
  216. xdr.send(postData);
  217. },
  218. abort: function() {
  219. if (xdr) {
  220. xdr.abort();
  221. }
  222. }
  223. };
  224. };
  225. })(),
  226. moxie: function (options, originalOptions, jqXHR){
  227. if(testMoxie(options)){
  228. loadMoxie(options);
  229. var ajax;
  230. var tmpTransport = {
  231. send: function( headers, completeCallback ) {
  232. ajax = true;
  233. webshim.ready('moxie', function(){
  234. if(ajax){
  235. ajax = createMoxieTransport(options, originalOptions, jqXHR);
  236. tmpTransport.send = ajax.send;
  237. tmpTransport.abort = ajax.abort;
  238. ajax.send(headers, completeCallback);
  239. }
  240. });
  241. },
  242. abort: function() {
  243. ajax = false;
  244. }
  245. };
  246. return tmpTransport;
  247. }
  248. }
  249. };
  250. if(!featureOptions.progress){
  251. featureOptions.progress = 'onprogress';
  252. }
  253. if(!featureOptions.uploadprogress){
  254. featureOptions.uploadprogress = 'onuploadprogress';
  255. }
  256. if($.support.cors !== false || !window.XDomainRequest){
  257. delete transports.xdomain;
  258. }
  259. $.ajaxTransport("+*", function( options, originalOptions, jqXHR ) {
  260. var ajax, type;
  261. if(options.wsType || transports[transports]){
  262. ajax = transports[transports](options, originalOptions, jqXHR);
  263. }
  264. if(!ajax){
  265. for(type in transports){
  266. ajax = transports[type](options, originalOptions, jqXHR);
  267. if(ajax){break;}
  268. }
  269. }
  270. return ajax;
  271. });
  272. webshim.defineNodeNameProperty('input', 'files', {
  273. prop: {
  274. writeable: false,
  275. get: function(){
  276. if(this.type != 'file'){return null;}
  277. if(!$(this).is('.ws-filereader')){
  278. webshim.error("please add the 'ws-filereader' class to your input[type='file'] to implement files-property");
  279. }
  280. return webshim.data(this, 'fileList') || window.FileList && webshim.data(this, 'fileList', new FileList()) || [];
  281. }
  282. }
  283. }
  284. );
  285. webshim.reflectProperties(['input'], ['accept']);
  286. if($('<input />').prop('multiple') == null){
  287. webshim.defineNodeNamesBooleanProperty(['input'], ['multiple']);
  288. }
  289. webshim.onNodeNamesPropertyModify('input', 'disabled', function(value, boolVal, type){
  290. var picker = webshim.data(this, 'filePicker');
  291. if(picker){
  292. picker.disable(boolVal);
  293. }
  294. });
  295. window.FileReader = notReadyYet;
  296. window.FormData = notReadyYet;
  297. webshim.ready('moxie', function(){
  298. moxie = window.moxie;
  299. mOxie = window.mOxie;
  300. mOxie.Env.swf_url = webshim.cfg.basePath+'moxie/flash/Moxie.cdn.swf';
  301. mOxie.Env.xap_url = webshim.cfg.basePath+'moxie/flash/Moxie.cdn.xap';
  302. window.FileReader = mOxie.FileReader;
  303. window.FormData = function(form){
  304. var appendData, i, len, files, fileI, fileLen, inputName;
  305. var data = new mOxie.FormData();
  306. if(form && $.nodeName(form, 'form')){
  307. appendData = $(form).serializeArray();
  308. for(i = 0; i < appendData.length; i++){
  309. data.append(appendData[i].name, appendData[i].value);
  310. }
  311. appendData = form.querySelectorAll('input[type="file"][name]');
  312. for(i = 0, len = appendData.length; i < appendData.length; i++){
  313. inputName = appendData[i].name;
  314. if(inputName && !$(appendData[i]).is(':disabled')){
  315. files = $.prop(appendData[i], 'files') || [];
  316. for(fileI = 0, fileLen = files.length; fileI < fileLen; fileI++){
  317. data.append(inputName, files[fileI]);
  318. }
  319. }
  320. }
  321. }
  322. return data;
  323. };
  324. FormData = window.FormData;
  325. createFilePicker = _createFilePicker;
  326. transports.moxie = createMoxieTransport;
  327. });
  328. webshim.addReady(function(context, contextElem){
  329. $(context.querySelectorAll(sel)).add(contextElem.filter(sel)).each(createFilePicker);
  330. });
  331. webshim.ready('WINDOWLOAD', loadMoxie);
  332. });