請問有辦法用javascript/HTML/CSS在網頁上插入其它網站當天算出的圖表.png檔嗎?(此圖表是會隨當天日期更新檔名)
如 :(2019/12/13日)
test20191214-1.png(2019/12/14日)
test20191215-2.png(2019/12/15日).....etc.
只知道其路徑有辦法直接在網頁插入嗎?
新手感謝提供以上解法解決, 但現在遇到另一問題了?如何
hyperlink它的file(excel or PDF),如test20191214-1.png就是test20191214-1.xls, 我用href與window.open'todayChart'似都不行....Orz
是要這個?
(不過不知道你 -1
-2
的邏輯是什麼,可以再自己改一下)
<img id="todayChart">
<script>
document.getElementById('todayChart').src=(()=>{
let dt=new Date(),
y=dt.getFullYear(),
m=padZero(dt.getMonth()+1),
d=padZero(dt.getDate());
return `test${y}${m}${d}.png`;
function padZero(x) {
return ('0'+x).slice(-2);
}
})();
</script>
可以啊
如果你知道圖片的 url
那就直接 <img src = "圖片url"
如果你的需求就只是這樣的話
順帶一提
如果你指的路徑是 本機路徑
你至少需要一個 static server
來讓你的圖片能夠透過 url 來存取
HTML img src 屬性的功能是用來替 img 標籤加入圖片網址,這是 HTML img 標籤最重要的屬性,瀏覽器會根據 img src 屬性把圖片顯示在網頁上,可以使用同伺服器的圖片,也可以使用外部伺服器的圖片,所有的瀏覽器都支援 HTML img src 屬性。使用這個屬性的時候,必須注意的是圖片是否可以顯示,通常外部伺服器的圖片若有限定外連,則 img src 也無法讓圖片順利顯示出來。
<img src="圖片網址">
所謂圖片網址,可以是本機路徑 也可以是 https://img.ruten.com.tw/s1/b/b2/b1/21926894105265_691.jpg
這種東西
如果你的需求是每天自動修改檔名的話,那只需要一個簡單的JS 加上簡單的jQ 加上 setInterval就可以達到惹...