ie八、9跨域上傳文件(圖片) 文件(圖片)上傳組件

前言:新的項目,須要將圖片跨域上傳到專門的圖片服務器上面,並且還要支持ie8/9的跨域上傳。html

解決:爲了解決這個方案踩了不少坑,特此記錄。之前收集了一些上傳的組件 文件(圖片)上傳組件 ,各有優劣。git

  1:由於google在未來的版本不在支持flash了,因此不想使用swf支撐的組件上傳github

  2:嘗試了AjaxFileUpload 組件,這個在google跨域直接掛掉了。web

  3:嘗試百度的上傳組件,Web Uploader 這個挺不錯,支持跨域,可是ie8/9跨域支持不大好,只好放棄了(也有多是我沒有配置好)ajax

  4:重點來了,嘗試了jq的組件jQuery-File-Upload,號稱ie8+,支持跨域。可是,ie10+、chrome、ff跨域都行,ie八、9下跨域始終不支持,上傳圖片後圖片服務器已經返回了圖片的相關參數,ie8/9的ajax請求已有響應,可是就是取不到值,跨域下,模擬form表單提交ie8/9不能跨域!!!chrome

  5:最後,不得不重新使用了swf的組件Uploadify ,最新的版本是Version 3.2.1,可是跨域後,必須在遠程文件服務器上中,添加crossdomain.xml文件,此文件置於服務器的ROOT目錄底下。在瀏覽器中若是能訪問到此XML文件,說明XML配置成功。這個adobe的一個協議,由於uploadify是利用adobe的swf上傳的,這個協議能夠解決跨域的安全問題,這樣就能經過uploadify插件實現上傳了,具體能夠根據實際狀況配置這個跨域xml文件。跨域

  

  6:最終,用Uploadify的flash實現了ie8/9的跨域上傳,若是有其餘更好的方法,請共享。瀏覽器

相關文章
相關標籤/搜索