jquery.fileupload外掛程式 ie9下不支援上傳

標籤：des   c   style   class   blog   code   

根據https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

The following browsers support at least one form of AJAX style file uploads, either via XHR or via the Iframe Transport:

Desktop browsers

• Google Chrome
• Apple Safari 4.0+
• Mozilla Firefox 3.0+
• Opera 11.0+
• Microsoft Internet Explorer 6.0+

1、要支援上傳.必須支援AJAX style file uploads, either via XHR or via the Iframe Transport,

這三種中的一種，所以我選擇了最後一種Iframe Transport

，根據Iframe Transport連結下的地址https://cmlenz.github.io/jquery-iframe-transport/

1、下載jquery.iframe-transport.js。然後引入該js檔案

2、根據 https://cmlenz.github.io/jquery-iframe-transport/

加入參數對於ie10以下的瀏覽器加入參數:iframe=true

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

var url = ctx   + fileServiceURL.saveFiles;//上傳檔案的地址                     var iframe = false;             if($.browser.msie  && $.browser.version < 10){                  iframe = true;             }                $(‘#‘ + _this.ctlID ).fileupload({             url: url,             //forceIframeTransport: forceIframeTransport,              iframe: iframe,             dataType: ‘json‘,             //datatype: dataType,             autoUpload: true,             //sequentialUploads : true,             formData: {signUploadFile: _this.signature},             maxFileSize: 5000000, // 5 MB             previewMaxWidth: 100,             previewMaxHeight: 100,             previewCrop: true         }).on(‘fileuploadadd‘, function (e, data) {                            pageLock("show");         }).on("fileuploadsubmit", function(e, data){             if(_this.signature && !_this.validSignatureUSB()){                 pageLock("hide");                 return false;             }             return true;         }).on(‘fileuploaddone‘, function (e, data) {             pageLock("hide");             if((typeof data.result) == "undefined"){                 oAlert("不支援上傳該格式的檔案");             }else{                 $.each(data.result.data, function(index){                     //console.log("new file " + this.fileID);                     _this.addFile(this.filename, this.fileID,  this.contentType, this.digestValue,  this.digestAlgorithm,  this.certificate, true);                 });             }                        }).on(‘fileuploadfail‘, function (e, data) {             pageLock("hide");             if((typeof data.result) == "undefined"){                 oAlert("可能您上傳的檔案格式不被支援!!!");             }else{                 $.each(data.result.files, function (index, file) {                     var error = $(‘<span/>‘).text(file.error);                     $(data.context.children()[index])                         .append(‘<br>‘)                         .append(error);                 });             }                       });