Subversion-Projekte lars-tiefland.laravel_shop

Revision

Revision 1509 | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
1509 lars 1
/*
1551 lars 2
 * jQuery Iframe Transport Plugin
1509 lars 3
 * https://github.com/blueimp/jQuery-File-Upload
4
 *
5
 * Copyright 2011, Sebastian Tschan
6
 * https://blueimp.net
7
 *
8
 * Licensed under the MIT license:
1551 lars 9
 * https://opensource.org/licenses/MIT
1509 lars 10
 */
11
 
1551 lars 12
/* global define, require */
1509 lars 13
 
1551 lars 14
(function (factory) {
15
  'use strict';
16
  if (typeof define === 'function' && define.amd) {
17
    // Register as an anonymous AMD module:
18
    define(['jquery'], factory);
19
  } else if (typeof exports === 'object') {
20
    // Node/CommonJS:
21
    factory(require('jquery'));
22
  } else {
23
    // Browser globals:
24
    factory(window.jQuery);
25
  }
26
})(function ($) {
27
  'use strict';
1509 lars 28
 
1551 lars 29
  // Helper variable to create unique names for the transport iframes:
30
  var counter = 0,
31
    jsonAPI = $,
32
    jsonParse = 'parseJSON';
1509 lars 33
 
1551 lars 34
  if ('JSON' in window && 'parse' in JSON) {
35
    jsonAPI = JSON;
36
    jsonParse = 'parse';
37
  }
38
 
39
  // The iframe transport accepts four additional options:
40
  // options.fileInput: a jQuery collection of file input fields
41
  // options.paramName: the parameter name for the file form data,
42
  //  overrides the name property of the file input field(s),
43
  //  can be a string or an array of strings.
44
  // options.formData: an array of objects with name and value properties,
45
  //  equivalent to the return data of .serializeArray(), e.g.:
46
  //  [{name: 'a', value: 1}, {name: 'b', value: 2}]
47
  // options.initialIframeSrc: the URL of the initial iframe src,
48
  //  by default set to "javascript:false;"
49
  $.ajaxTransport('iframe', function (options) {
50
    if (options.async) {
51
      // javascript:false as initial iframe src
52
      // prevents warning popups on HTTPS in IE6:
53
      // eslint-disable-next-line no-script-url
54
      var initialIframeSrc = options.initialIframeSrc || 'javascript:false;',
55
        form,
56
        iframe,
57
        addParamChar;
58
      return {
59
        send: function (_, completeCallback) {
60
          form = $('<form style="display:none;"></form>');
61
          form.attr('accept-charset', options.formAcceptCharset);
62
          addParamChar = /\?/.test(options.url) ? '&' : '?';
63
          // XDomainRequest only supports GET and POST:
64
          if (options.type === 'DELETE') {
65
            options.url = options.url + addParamChar + '_method=DELETE';
66
            options.type = 'POST';
67
          } else if (options.type === 'PUT') {
68
            options.url = options.url + addParamChar + '_method=PUT';
69
            options.type = 'POST';
70
          } else if (options.type === 'PATCH') {
71
            options.url = options.url + addParamChar + '_method=PATCH';
72
            options.type = 'POST';
73
          }
74
          // IE versions below IE8 cannot set the name property of
75
          // elements that have already been added to the DOM,
76
          // so we set the name along with the iframe HTML markup:
77
          counter += 1;
78
          iframe = $(
79
            '<iframe src="' +
80
              initialIframeSrc +
81
              '" name="iframe-transport-' +
82
              counter +
83
              '"></iframe>'
84
          ).on('load', function () {
85
            var fileInputClones,
86
              paramNames = $.isArray(options.paramName)
87
                ? options.paramName
88
                : [options.paramName];
89
            iframe.off('load').on('load', function () {
90
              var response;
91
              // Wrap in a try/catch block to catch exceptions thrown
92
              // when trying to access cross-domain iframe contents:
93
              try {
94
                response = iframe.contents();
95
                // Google Chrome and Firefox do not throw an
96
                // exception when calling iframe.contents() on
97
                // cross-domain requests, so we unify the response:
98
                if (!response.length || !response[0].firstChild) {
99
                  throw new Error();
1509 lars 100
                }
1551 lars 101
              } catch (e) {
102
                response = undefined;
103
              }
104
              // The complete callback returns the
105
              // iframe content document as response object:
106
              completeCallback(200, 'success', { iframe: response });
107
              // Fix for IE endless progress bar activity bug
108
              // (happens on form submits to iframe targets):
109
              $('<iframe src="' + initialIframeSrc + '"></iframe>').appendTo(
110
                form
111
              );
112
              window.setTimeout(function () {
113
                // Removing the form in a setTimeout call
114
                // allows Chrome's developer tools to display
115
                // the response result
116
                form.remove();
117
              }, 0);
118
            });
119
            form
120
              .prop('target', iframe.prop('name'))
121
              .prop('action', options.url)
122
              .prop('method', options.type);
123
            if (options.formData) {
124
              $.each(options.formData, function (index, field) {
125
                $('<input type="hidden"/>')
126
                  .prop('name', field.name)
127
                  .val(field.value)
128
                  .appendTo(form);
129
              });
1509 lars 130
            }
1551 lars 131
            if (
132
              options.fileInput &&
133
              options.fileInput.length &&
134
              options.type === 'POST'
135
            ) {
136
              fileInputClones = options.fileInput.clone();
137
              // Insert a clone for each file input field:
138
              options.fileInput.after(function (index) {
139
                return fileInputClones[index];
140
              });
141
              if (options.paramName) {
142
                options.fileInput.each(function (index) {
143
                  $(this).prop('name', paramNames[index] || options.paramName);
144
                });
145
              }
146
              // Appending the file input fields to the hidden form
147
              // removes them from their original location:
148
              form
149
                .append(options.fileInput)
150
                .prop('enctype', 'multipart/form-data')
151
                // enctype must be set as encoding for IE:
152
                .prop('encoding', 'multipart/form-data');
153
              // Remove the HTML5 form attribute from the input(s):
154
              options.fileInput.removeAttr('form');
155
            }
156
            window.setTimeout(function () {
157
              // Submitting the form in a setTimeout call fixes an issue with
158
              // Safari 13 not triggering the iframe load event after resetting
159
              // the load event handler, see also:
160
              // https://github.com/blueimp/jQuery-File-Upload/issues/3633
161
              form.submit();
162
              // Insert the file input fields at their original location
163
              // by replacing the clones with the originals:
164
              if (fileInputClones && fileInputClones.length) {
165
                options.fileInput.each(function (index, input) {
166
                  var clone = $(fileInputClones[index]);
167
                  // Restore the original name and form properties:
168
                  $(input)
169
                    .prop('name', clone.prop('name'))
170
                    .attr('form', clone.attr('form'));
171
                  clone.replaceWith(input);
172
                });
173
              }
174
            }, 0);
175
          });
176
          form.append(iframe).appendTo(document.body);
177
        },
178
        abort: function () {
179
          if (iframe) {
180
            // javascript:false as iframe src aborts the request
181
            // and prevents warning popups on HTTPS in IE6.
182
            iframe.off('load').prop('src', initialIframeSrc);
183
          }
184
          if (form) {
185
            form.remove();
186
          }
1509 lars 187
        }
1551 lars 188
      };
189
    }
190
  });
1509 lars 191
 
1551 lars 192
  // The iframe transport returns the iframe content document as response.
193
  // The following adds converters from iframe to text, json, html, xml
194
  // and script.
195
  // Please note that the Content-Type for JSON responses has to be text/plain
196
  // or text/html, if the browser doesn't include application/json in the
197
  // Accept header, else IE will show a download dialog.
198
  // The Content-Type for XML responses on the other hand has to be always
199
  // application/xml or text/xml, so IE properly parses the XML response.
200
  // See also
201
  // https://github.com/blueimp/jQuery-File-Upload/wiki/Setup#content-type-negotiation
202
  $.ajaxSetup({
203
    converters: {
204
      'iframe text': function (iframe) {
205
        return iframe && $(iframe[0].body).text();
206
      },
207
      'iframe json': function (iframe) {
208
        return iframe && jsonAPI[jsonParse]($(iframe[0].body).text());
209
      },
210
      'iframe html': function (iframe) {
211
        return iframe && $(iframe[0].body).html();
212
      },
213
      'iframe xml': function (iframe) {
214
        var xmlDoc = iframe && iframe[0];
215
        return xmlDoc && $.isXMLDoc(xmlDoc)
216
          ? xmlDoc
217
          : $.parseXML(
218
              (xmlDoc.XMLDocument && xmlDoc.XMLDocument.xml) ||
219
                $(xmlDoc.body).html()
220
            );
221
      },
222
      'iframe script': function (iframe) {
223
        return iframe && $.globalEval($(iframe[0].body).text());
224
      }
225
    }
226
  });
227
});