網頁

2019年10月9日 星期三

CDN或proxy的快取問題:Html, js, css

這次程式放客戶那,開發時改css時發現完全無法抓到最新的css或js,查半天看起來有走到CDN,一般大客戶多少也有做proxy的狀況,直接改檔名馬上就正常了,看起來HTML、JS、CSS這三種檔案都要特別注意這問題

IE下Button內不能放input或a等click元素

做下記錄老是忘記

在IE下Button下不能放input或a等click元素

ie11執行上傳回傳json卻變成下載json檔

最近一個案子真的遇到超多以前不曾出現,同元件現在卻出現的問題,總之遇到下圖的問題,上傳檔案回傳時是application/json,但在ie11上回應下圖。

同事提供了這網址:[ASP .NET MVC] 用IE執行上傳檔案後,回傳JSON格式來回報上傳狀況,結果卻是下載JSON ?!,再看了下Laravel的Response文件,將回應的部分改成底下這樣就成功了,IE、Chrome等瀏覽器都可使用。
response()->json([
    'file_path'  => xxxx,
    'message' => '上傳成功',
    'suc'   => true,
])->header('Content-Type', 'text/html');


參考網址:
[ASP .NET MVC] 用IE執行上傳檔案後,回傳JSON格式來回報上傳狀況,結果卻是下載JSON ?!

2019年10月8日 星期二

Jquery Click事件在iPhone中的safari或chrome都無法正常觸發(偶爾可以)

最近一個案子,點擊按鈕觸發ajax上傳檔案,之前都用<input type=file style=display:none>再用另一個button被click時,用jqeury的click去啟用它,但這次突然不行,今年的案子而已,現在不行用了,找了半天,看到Jquery trigger click not working on safari browsers in mac, Ipad & Iphone這篇,唔~3年前的了,但我今年還能用,蠻奇怪的,但看了解法,大概意思就是將<input type=file>放進<button>中,將其position設成absolute(記得button要設成relative),width及height都設成100%,再對input執行fadeTo('fast',0),這樣就可以模擬出想要的了

參考網址:
Jquery trigger click not working on safari browsers in mac, Ipad & Iphone