2016-02-05 99 views
0

這是我在Stackoverflow上有史以來第一個問題:使用filepicker jQuery庫-IE9很好,但在IE10和IE11中,如果「選擇文件」按鈕被按下,以這種方式上傳,那麼無論圖像的大小如何,表單/頁面的其餘部分都會至少一分鐘無響應。在那段等待時間之後,人們可以在頁面上輸入表單並鍵入輸入字段,但不能在之前輸入。但是,如果我將圖像拖放到對話窗口中,則表單/頁面的其餘部分工作良好(沒有滯後/無響應)。通過測試:IE9的效果很好,其他瀏覽器(Firefox,Chrome,Safari)似乎工作正常。 IE11的調試器不會告訴我任何有用的東西。filepicker在IE10和IE11瀏覽文件使頁面無響應

有沒有其他人經歷過,如果是的話,你是如何解決它?

從我所看到的,它看起來像代碼(我們使用filepickers版本通過他們的API

<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script> 

)正確實現(儘管它被拉到頁面使用Dojo)。

我們的一些代碼是專有/知識產權,我敢肯定,如果我發佈它,我會遇到麻煩。只是在野外看看是否有其他人有這個問題,如果他們已經解決了這個問題,以及如何解決這個問題。

+0

支持FIlepicker對話框[回到IE8](https://developers.filepicker.com/docs/support/general/121)。您的問題可能與具體實施有關。可以測試時是否有任何生產站點? – krystiangw

+0

我想通了,如果你發現類似的問題,特定於任何使用第三方東西(包括分析/追蹤東西等)的網頁,我的答案可能會證明是有用的。儘管謝謝你的回覆:) – DeveloperJRowe

回答

0

原來,這是兩個單獨的問題標籤與IE10和IE11組隊。

1)。隨着一切正在進行,並與FilePicker的「選擇文件」選項似乎是讓mousedowns返回true(由於某些原因,他們表現爲返回false)的一些延遲。由於我不控制API並且只能部分查看返回的代碼,所以我使用了「似乎」這個詞。

和2)。隨着第三方追蹤的東西在頁面上添加了很多console.blah的參與,導致IE10和IE11滯後。 (在調試器面板打開之前,控制檯不可用於IE10和IE11)。

這工作就像一個魅力對我來說,解決辦法:

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('input[type="text"]').on("mousedown", function(){ 
      this.select(); 
      return true; 
     }); 
     if(!window.console) { 
      var console = { 
       debug : function(){}, 
       dir : function(){}, 
       log : function(){}, 
       warn : function(){}, 
       error : function(){}, 
       time : function(){}, 
       timeEnd : function(){} 
      } 
     } 
    }); 
</script> 

這兩個組合允許IE10和IE11其他輸入字段到IE9,FF,Chrome瀏覽器以最快的速度,因爲他們做表演。