iT邦幫忙

0

請問網頁掉圖的處理

是這樣的,接手前人留下的系統,是一個很簡單的可附圖留言版
然後在另外一個網頁顯示這張圖文的檔名,再點開看附圖
後來新增可上傳任意檔案的功能,像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">
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
耿直小伙
iT邦新手 1 級 ‧ 2019-01-14 17:21:25

通常會做一張尺寸一樣的預設圖,可以透過後端php使用file_exists()、is_file()等函式,判斷圖片檔案是否存在,不存在就用預設圖替代取出的路徑。

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

謝謝Aka 程式狗
我先去找對應 file_exists()、is_file() 等函式的js來試試看
php實在被嚇怕了

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

好像一個是前端一個是後端的樣子齁/images/emoticon/emoticon06.gif

0
隨風奶爸
iT邦好手 1 級 ‧ 2019-01-15 12:11:50

EZoApp 聲明一下,我沒有實際用過這一家,只是之前評估時有花點時間看看~供你參考~

josephine iT邦新手 4 級 ‧ 2019-01-21 01:03:48 檢舉

謝謝 隨風奶爸
他說...自 2019/1/1 起停止新用戶註冊申請
抓文檔看發現好像是phonegap,這倒提醒了我,謝謝喔

我要發表回答

立即登入回答