請問網頁掉圖的處理

html 網頁設計掉圖 javescript

josephine 2019-01-14 16:54:02 ‧ 2532 瀏覽

分享至

是這樣的，接手前人留下的系統，是一個很簡單的可附圖留言版
然後在另外一個網頁顯示這張圖文的檔名，再點開看附圖
後來新增可上傳任意檔案的功能，像word excel的不是圖檔的檔案
年代久遠，換我接手時，改成可以上傳五個檔案，如果是圖檔就顯示縮圖，非圖檔就顯示檔名
檔案名稱路徑都儲存在MSSQL資料庫裡面
現在的問題是，同一篇文章如果同時有圖與非圖
則非圖的檔案的位置就會顯示一大塊掉圖的叉燒包
我是抓全部檔案，全部用繪圖呈現的方式來顯示的

我想做一張白底紅字，只有非圖檔三個字的圖檔取代這些非圖檔的位置，讓畫面好看一點
請問，有什麼語法能在掉圖時，自動用另外一張圖取代呢？

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2019-01-14 17:17:03 檢舉

看是要在前端還是後端做，後端的話要看語言和框架特性去設計，前端的話去檢查每個img標籤的src，看是不是圖檔，不是的換成固定圖檔的src就行。

josephine iT邦新手 4 級 ‧ 2019-01-14 17:23:11 檢舉

謝謝 froce
聽起來前端做比較簡單，但請問要怎麼做呢？
我基本上算是不太懂程式語言的，但會google找範例抄抄改改的程度
現在最常用的是js,html,會改一些c#，我的專業是SQL跟Excel
真不好意思，但只要有方向或函數名稱，應該就能自己做出來了
(當然有解答最好，但我知道這樣會討人厭)
之前是參考防盜連的語法，盜連就用另一張圖取代，後來才發現我走錯路了

wingkawa iT邦新手 3 級 ‧ 2019-01-14 18:34:03 檢舉

前端試試這個方向：
img tag default image
能找到 js、純css的解法

josephine iT邦新手 4 級 ‧ 2019-01-15 01:00:20 檢舉

感謝wingkawa提供關鍵字，問題已解決

下面一行就解決問題了 ^_^b 大感謝喔
<img src="foo.jpg" onerror="if (this.src != 'error.jpg') this.src = 'error.jpg';" alt="NO IMAGE" width="800" height="350">

登入發表討論