Added XDomainRequest Transport plugin for cross-domain AJAX support in MSIE >= 8.

blueimp · blueimp · commit cbc9bb4086c1 · 2011-11-19T03:25:04.000+09:00
Treat GET requests with a "_method" parameter of "DELETE" like DELETE requests for the Google App Engine and PHP implementations, as XDomainRequest only supports GET and POST.
diff --git a/application.js b/application.js
@@ -1,5 +1,5 @@
 /*
- * jQuery File Upload Plugin JS Example 5.1.1
+ * jQuery File Upload Plugin JS Example 5.1.2
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2010, Sebastian Tschan
@@ -18,6 +18,11 @@ $(function () {
     // Initialize the jQuery File Upload widget:
     $('#fileupload').fileupload();
 
+    // Load XDR library for cross-domain AJAX requests in MSIE >= 8:
+    if (window.XDomainRequest) {
+        $.getScript('jquery.xdr-transport.js');
+    }
+
     if (window.location.hostname === 'blueimp.github.com') {
         // Demo setting:
         $('#fileupload form').prop(
diff --git a/gae/main.py b/gae/main.py
@@ -1,6 +1,6 @@
 # -*- coding: utf-8 -*-
 #
-# jQuery File Upload Plugin GAE Example 1.0.1
+# jQuery File Upload Plugin GAE Example 1.1
 # https://github.com/blueimp/jQuery-File-Upload
 #
 # Copyright 2010, Sebastian Tschan
@@ -105,6 +105,8 @@ def head(self):
         pass
     
     def get(self):
+        if (self.request.get('_method') == 'DELETE'):
+            return self.delete()
         self.redirect(WEBSITE)
     
     def post(self):
diff --git a/jquery.xdr-transport.js b/jquery.xdr-transport.js
@@ -0,0 +1,72 @@
+/*
+ * jQuery XDomainRequest Transport Plugin 1.0
+ * https://github.com/blueimp/jQuery-File-Upload
+ *
+ * Copyright 2011, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://creativecommons.org/licenses/MIT/
+ *
+ * Based on Julian Aubourg's ajaxHooks xdr.js:
+ * https://github.com/jaubourg/ajaxHooks/
+ */
+
+/*jslint unparam: true */
+/*global jQuery, window, XDomainRequest */
+
+(function ($) {
+    'use strict';
+    if (window.XDomainRequest) {
+        jQuery.ajaxTransport(function (s) {
+            if (s.crossDomain && s.async) {
+                if (s.timeout) {
+                    s.xdrTimeout = s.timeout;
+                    delete s.timeout;
+                }
+                var xdr;
+                return {
+                    send: function (headers, completeCallback) {
+                        function callback(status, statusText, responses, responseHeaders) {
+                            xdr.onload = xdr.onerror = xdr.ontimeout = jQuery.noop;
+                            xdr = null;
+                            completeCallback(status, statusText, responses, responseHeaders);
+                        }
+                        xdr = new XDomainRequest();
+                        // XDomainRequest only supports GET and POST:
+                        if (s.type === 'DELETE') {
+                            s.url = s.url + (/\?/.test(s.url) ? '&' : '?') +
+                                '_method=DELETE';
+                            s.type = 'GET';
+                        }
+                        xdr.open(s.type, s.url);
+                        xdr.onload = function () {
+                            callback(
+                                200,
+                                'OK',
+                                {text: xdr.responseText},
+                                'Content-Type: ' + xdr.contentType
+                            );
+                        };
+                        xdr.onerror = function () {
+                            callback(404, 'Not Found');
+                        };
+                        if (s.xdrTimeout) {
+                            xdr.ontimeout = function () {
+                                callback(0, 'timeout');
+                            };
+                            xdr.timeout = s.xdrTimeout;
+                        }
+                        xdr.send((s.hasContent && s.data) || null);
+                    },
+                    abort: function () {
+                        if (xdr) {
+                            xdr.onerror = jQuery.noop();
+                            xdr.abort();
+                        }
+                    }
+                };
+            }
+        });
+    }
+}(jQuery));
diff --git a/php/index.php b/php/index.php
@@ -1,6 +1,6 @@
 <?php
 /*
- * jQuery File Upload Plugin PHP Example 5.3
+ * jQuery File Upload Plugin PHP Example 5.4
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2010, Sebastian Tschan
@@ -242,8 +242,11 @@ private function handle_file_upload($uploaded_file, $name, $size, $type, $error)
     }
     
     public function get() {
+        if (isset($_REQUEST['_method']) && $_REQUEST['_method'] === 'DELETE') {
+            return $this->delete();
+        }
         $file_name = isset($_REQUEST['file']) ?
-            basename(stripslashes($_REQUEST['file'])) : null; 
+            basename(stripslashes($_REQUEST['file'])) : null;
         if ($file_name) {
             $info = $this->get_file_object($file_name);
         } else {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`# -- coding: utf-8 --`
`2`	`2`	`#`
`3`		`-# jQuery File Upload Plugin GAE Example 1.0.1`
	`3`	`+# jQuery File Upload Plugin GAE Example 1.1`
`4`	`4`	`# https://github.com/blueimp/jQuery-File-Upload`
`5`	`5`	`#`
`6`	`6`	`# Copyright 2010, Sebastian Tschan`
`@@ -105,6 +105,8 @@ def head(self):`
`105`	`105`	`pass`
`106`	`106`
`107`	`107`	`def get(self):`
	`108`	`+ if (self.request.get('_method') == 'DELETE'):`
	`109`	`+ return self.delete()`
`108`	`110`	`self.redirect(WEBSITE)`
`109`	`111`
`110`	`112`	`def post(self):`