關于<a>標簽的download屬性

筆者尚在前端學習過程中,如有些地方不對,請大家指正,筆者必定虛心學習。這里記錄一些我在學習時發現的一些問題。

今天在嘗試<a>標簽在html5中的新屬性download時,發現某些問題。

代碼

上圖代碼中,第一張是網絡上的圖片,第二張是本地圖片,在Firefox和Chrome中的顯示效果差不多:


顯示效果

在Firefox中點擊第一張圖,并未下載,而是跳到了圖片源地址:


點擊第一張圖Firefox中顯示

在Firefox中點擊第二張圖時,彈出下載框:


點擊第二張圖Firefox顯示

在Chrome中點擊第一張和第二張都正常下載:

Chrome下載了第一張和第二張圖片

對于<a>標簽的download屬性,Firefox和Chrome都是支持的:


問了下度娘,說是跨域問題,不知道有沒有辦法解決Firefox的跨域download屬性下載,還請各位大神多多指教。


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容