1. 程式人生 > >HTML中img標籤src路徑的值需要設定成一個變數來表示

HTML中img標籤src路徑的值需要設定成一個變數來表示

在Java開發中,有時候會遇到在顯示圖片時不需要給圖片的src路徑設定成固定的,而是需要寫入從後臺資料庫傳入的路徑變數,下面給出瞭解決此問題的方法。

<script>
   var pictureUrl = data.url;//後臺傳入的圖片路徑,url指的是資料庫中圖片的路徑
   document.getElementById("picture").src = pictureUrl;
</script>
<body>
   <img id="picture" src="" alt="圖片載入失敗"/>
</body>
有時候用 $("#picture').src
可能會出錯,原因是沒有匯入jquery包,請大家注意。
希望對大家有用!

相關推薦

HTMLimg標籤src路徑需要設定一個變數表示

在Java開發中,有時候會遇到在顯示圖片時不需要給圖片的src路徑設定成固定的,而是需要寫入從後臺資料庫傳入的路徑變數,下面給出瞭解決此問題的方法。<script> var pictureUrl = data.url;//後臺傳入的圖片路徑,url指的是資料

HTMLimg標籤src屬性絕對路徑問題解決辦法,完全解決!

需求:有時候自己的專案img的src路徑需要用到本地某資料夾下的圖片,而不是直接使用專案根目錄下的圖片。 場景:eclipse,tomcat,html,img,src,java 注意:不需要尋找tomcat真實路徑下的server.xml去修改,這個地方不需要修改。 解決辦法:1、在ec

C#正則表示式提取HTMLIMG標籤SRC地址

原文:http://blog.csdn.net/smeller/article/details/7108502 一般來說一個 HTML 文件有很多標籤,比如“<html>”、“<body>”、“<table>”等,想把文件中的 img 標籤提取出來並不

C#將圖片位元組流轉為Base64直接放入htmlimg標籤src屬性

原地址:http://www.cnblogs.com/RedSky/p/5786703.html點選開啟連結 1,圖片要轉為byte[], 2,注意加上“data:image/jpeg;base64,”,這裡jpeg可以換成其他。 string html = "&

正則表示式提取HTMLIMG標籤SRC地址

一般來說一個 HTML 文件有很多標籤,比如“<html>”、“<body>”、“<table>”等,想把文件中的 img 標籤提取出來並不是一件容易的事。由於 img 標籤樣式變化多端,使提取的時候用程式尋找並不容易。於是想要尋找它們就

webpack 處理htmlimgsrc引入的圖片

webpack在管理模組,處理各種資源上都是無往不利,但唯獨在處理html上比較困難,不識別html中img標籤src引入的圖片。  html-webpack-plugin這種外掛輔助處理html非常好,但卻仍然未解決html程式碼中的圖片問題,未免美中不足。在遍尋開源模

ajax請求二進位制流圖片並渲染到htmlimg標籤

說明 後臺返回圖片二進位制流,需要使用get請求獲取返回結果,並且將返回的二進位制流以圖片形式顯示在頁面img中。 但是日常顯示圖片都諸如這種形式: <img src="圖片路徑、地址" alt="" /> 以上需求不能將後端地址直接

關於htmlimg標籤圖片無法載入問題

html中img標籤中圖片地址只能為: 1. 絕對路徑 2. 相對路徑 3. URL(包括協議) 其中,當專案訪問外部專案image時必須為完整的url,如果出現im

htmlmeta標籤 refresh 屬性 -- 重新整理與跳轉(重定向)頁面

示例: 5秒之後重新整理本頁面: <metahttp-equiv="refresh" content="5" /> 5秒之後轉到夢之都首頁: <metahttp-equiv="refresh" content="5;url=http://www.dream

img標籤src路徑不變,讀取不同圖片時,圖片不重新整理甚至不顯示

問題描述: 1. Linux作業系統,weblogic伺服器下部署應用,IE9瀏覽器從伺服器取圖片顯示,相同src ,但圖片不同,第一次讀圖片,能夠顯示。當後一張圖片覆蓋前一張圖片後,再次讀取圖片,會

Vueimgsrc動態賦本地路徑報錯

問題:我想根據tabIndex是否是當前值,來判斷顯示本地不同的圖片。我按照下面的寫法,頁面會報404找不到相應圖片地址。   <div class="tab-item" @click="tabIndex=0"> <img :src="tabIndex ==

關於html頁面img標籤src屬性的理解

今天在練習SSM框架時,接觸到了關於html頁面中圖片的引用,因為案例中採用的是作者自己的絕對路徑,雖然這種方法也沒問題,但採用相對路徑應該會更完美,也能加深自己對相對路徑的熟悉。於是百度了一下,得到如下總結,記錄之,方便後續檢視。 圖片檔案和html檔案在同一路徑下

C#替換html程式碼所有img標籤路徑保留檔名稱

匹配img標籤路徑的正則表示式為:(?i)(?<=<img\b[^>]*?src=\s*(['""]?))([^'""]*/)+(?=[^'""/]+\1) string url = string.Empty;  string turl=""//替換的路徑

php生成圖片,在htmlimg標籤可以正常顯示,直接訪問網址亂碼的問題解決

今天做php生成圖片的時候,出現了一個問題。程式碼實際上挺簡單的,如下: header("Content-type:image/png"); $a = imagecreate(100,100); imagecolorallocate($a,255,0,255); imagepng($a); imagedes

htmla標籤錨點定位雙擊跳轉路徑的問題

###錨點 在製作網頁時,我們常常遇到需要新增側邊導航,通過點選導航讓頁面自動滾動到指定位置,如:電商網站的樓層。這就涉及到<a>標籤的錨點應用,把它稱為“錨點標籤”。 通俗的講,我們想要讓頁面跳轉到的位置,就是錨點。錨點是一種超連結,只不過它是頁面內部的超連結,它指向頁

正則表示式替換img標籤src

 package com.test; import java.util.HashSet; import java.util.Set; import java.util.regex.Ma

img標籤src引用網路圖片,頁面不顯示,返回403錯誤,網路圖片地址在瀏覽器能載入,放html卻不能顯示

在html頁面加入<meta name="referrer" content="no-referrer">標籤,就可以解決頁面載入網路圖片的問題,原因大概是網路安全的問題,別人的頁面做了安全防護的問題。<head> <meta chars

DOM與jQueryimg標籤src

     今天,在做一個驗證碼的時候,出現了一個問題。 驗證碼:<input type="text" name="icode"><a href="javascript:voi

HTMLimg路徑問題

1.當.html與圖片在一個資料夾下時,直接用圖片的名字即可 <img src="311293.jpg" width="200px" weight="200px" alt="picture" /> 2.當img圖片資料夾和.html檔案位於同一個資料夾下,可

Htmlimg控制元件的src屬性

方式一:直接給src屬性一個伺服器端資源的地址,img控制元件會自動獲取並解析資源。方式二:當訪問的資源不在工程路徑下時,想到的辦法是通過返回給img控制元件位元組流,讓img控制元件解析,開始直接將ajax非同步獲取的位元組流設給了img的src屬性,發現無法顯示圖片,通過