1. 程式人生 > >a標籤 download屬性不生效,一直還是預覽圖片BUG

a標籤 download屬性不生效,一直還是預覽圖片BUG

  • 問題描述:前段時間一直想使用前端的a標籤實現檔案下載,使用的a標籤的download屬性就能實現。可是FTP伺服器的圖片還是一直只能預覽無法直接下載。
#使用的地址是直接使用的IP埠的,原因就出在這裡:當請求地址是ip的時候 a 標籤的 download 屬性無法生效。
<a href="http://192.168.xx:8089/virtualPath/facility/document/2018/07/09/44a9a76a-084a-415a-9d50-e26ea28b55ce/0b48ed694ef510393ad2e829d6ec2fad.jpg" download="" class=""></a
> #解決辦法:將ip改成域名 <a href="http://www.xx.com/virtualPath/facility/document/2018/07/09/44a9a76a-084a-415a-9d50-e26ea28b55ce/0b48ed694ef510393ad2e829d6ec2fad.jpg" download="" class=""></a>

補充:如果下載走後臺程式碼遇到這種問題,可以直接設定Content-Disposition:attachment

相關推薦

a標籤 download屬性生效一直還是圖片BUG

問題描述:前段時間一直想使用前端的a標籤實現檔案下載,使用的a標籤的download屬性就能實現。可是FTP伺服器的圖片還是一直只能預覽無法直接下載。 #使用的地址是直接使用的IP埠的,原因就出在這裡:當請求地址是ip的時候 a 標籤的 downloa

a標籤download屬性下載還是打開了檔案~(下載地址跨域了)

解決辦法~canvas //下載圖片到本地 export function downloadIamge(imgsrc, name) { //下載圖片地址和圖片名 var image =

a標籤href屬性傳遞引數onclick屬性傳遞引數

1.href 傳遞變數 $(".dowebok").append('<a class="notice-content" id="href_content" target="_top" href

img標籤src屬性沒變改變起引用的圖片重新整理頁面仍然顯示之前的圖片

var chooseGallery; var chooseCamera; var cropImage; var imgData; var clipContent;

span標籤的 width 屬性管用如何使之有效?

因為span標籤是 inline "內聯標籤";對內聯標籤設定寬度是無效的; ========================================================================== 可以通過屬性 display : inline-block ;

div和內部的a標籤都有click事件點選a觸發div的click事件

  <div> <a></a> </div> $("a").click(function(){ event.stopPropagation(); }) 詳情見: https://blog.csdn.net/u0

IE 瀏覽器embed標籤src屬性為空能開啟網頁

前言:今天看到網站在IE上不停的轉圈圈(頁面基本顯示出來了),當時所有的JS都失效了,本著本職工作責任心,開始了找bug之路,但是過程比想象中要艱辛,一開始以為是base標籤有問題導致JS載入不到,後來認為是js衝突導致所有js執行失敗(又替換了順序,又替換了好多個JS版本),最

mybatis if 標籤 判斷單個字元的生效其實這是個坑

需求: <if test="carrier != null and carrier !='' and carrier !='0'"> AND CARRIER = #{carrier} </if>要在carrier欄位不為null,'',和"0

行內元素(inline標籤)設定了行高為什麼生效還是表現為父盒子的行高?行內元素行高問題終極解釋

最近在看張鑫旭大佬的《css世界》,讀到5.2.4  內聯元素 line-height 的“大值特性” ,產生了疑惑, 在開發中確實也遇到了同樣的問題,深入探究後得出結果,先說結論吧,論證內容有點長,結論:   行內元素自身並沒有行高這個屬性,雖然設定可以設定行高,但是最終作用的地方並不是

微信小程序之初探(常見語法 VS vue)常見問題(點擊生效數據綁定)

數據驅動 一點 驅動 win -1 沒有 html cat been 最近在調研微信小程序開發,對於一個前端小白來說,在各種框架都還用不熟的情況下,再來開發小程序確實還是不容易。 小程序出來之初,聽過演講,看過一點點兒視頻,感覺和angular語法有點相似(PS:那是也是只

jquery綁定的事件對ajax刷新出的數據生效on可能受jquery版本影響

js 數組 name 事件 案例 文字 script input java emp 問題:jquery綁定的事件對ajax刷新出的數據不生效 方法:可以用 jquery 裏面的 on 和 delegate 預綁定父元素就可以觸發的。 註意:某些限制下,個人用的是jquer

解決“微信小程式disabled屬性生效”的問題!

微信小程式中帶disabled屬性的表單元件有(點選可以進入官方文件): button,checkbox,input,picker,radio,slider,switch,textarea   如果是固定禁用元件的話,直接放上disabled就好,簡單粗暴,如: <!

window.parent.close();生效退出按鍵無效

今天遇到一個bug,之前的一個專案發現存在一個bug,退出按鈕無效。 對應的js如下: <script >     function closeWin(){         &nb

html a標籤 download

通常在咱們寫專案的時候會遇到上傳下載什麼的,在上傳完檔案後會把檔案的路徑儲存到資料庫裡以便下載,如果想不通過後臺直接下載的話,可以把檔案路徑給a標籤的屬性href; <a href="/user/test/xxxx.txt">點選下載</a> 這樣當用戶開啟

<a>標籤文字強制換行

<a>標籤文字強制不換行         a標籤中文字的換行效果。 強制不換行 a{ white-space:nowrap; } 再補充說明所有關於換行的CSS樣式: white-space: normal|pre|nowrap|pre-wrap|pr

Tomcat的Start可以啟動起來但是Debug啟動突然啟動起來一直停在 Class.getDeclaredConstructors0(boolean) line: not available [native method] 的解決辦法

Tomcat的Start模式可以啟動起來,但是Debug模式啟動突然啟動不起來,一直停在 Class<T>.getDeclaredConstructors0(boolean) line: not available [native method] 檢視、嘗試百度或者谷歌的很多解決方法,最後發現是

a標籤強制換行 a標籤文字強制換行

a標籤文字強制不換行 強制不換行 a{ white-space:nowrap; } 再補充說明所有關於換行的CSS樣式: white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;  white-space 屬性設定如何處理元

配置檔案引入struts-2.5.dtd生效無提示

1、找到引入的Struts-2.5.dtd(也可能是其他Struts的dtd) 2、把struts-2.5.dtd複製到本地(如果不能複製那就需要到網上去下載) 3、步驟: ①:點Window–>Preferences ②:在Preference中輸入x

perl xpath 根據a標籤 查詢屬性為href的值

[[email protected] sbin]# [[email protected] sbin]# cat a2.pl use LWP::UserAgent; use HTTP::Cookies; use HTTP::Headers; use HT

a標籤跳頁傳參以及擷取URL引數 js 中編碼(encode)和解碼(decode)的三種方法

<a href="dd.index?aa=1&&bb=2"></a> //擷取URL引數 // console.log(window.location.search); function GetQueryString(name) { var reg = new Re