iT邦幫忙

0

請問網頁上如何利用 javascript 寫出可自動插入日期更新的圖片檔 ?( 抱歉我是新手 )

  • 分享至 

  • xImage

請問有辦法用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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
2
淺水員
iT邦大師 6 級 ‧ 2019-12-14 22:31:49
最佳解答

是要這個?
(不過不知道你 -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>
1
dragonH
iT邦超人 5 級 ‧ 2019-12-14 22:18:49

可以啊

如果你知道圖片的 url

那就直接 <img src = "圖片url"

如果你的需求就只是這樣的話

順帶一提

如果你指的路徑是 本機路徑

你至少需要一個 static server

來讓你的圖片能夠透過 url 來存取

1
小魚
iT邦大師 1 級 ‧ 2019-12-14 22:57:15

你意思是說不知道有哪些檔案嗎?
那你可能要先想辦法知道有哪些檔案.

0
阿展展展
iT邦好手 1 級 ‧ 2019-12-15 05:47:25

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就可以達到惹...

我要發表回答

立即登入回答