創作內容

86 GP

圖片轉像素圖(表格版)【1.5.1】

作者:深海異音│2017-05-03 22:19:11│贊助:196│人氣:17404
說明:
可以把圖片轉換成像素圖,而且是表格形式。

網頁:
https://hbl917070.github.io/pixel_table/index.html

示範(這是表格不是圖片):
 
 


截圖:










詳細的原理可以看這篇 【密技】教大家用表格畫點陣圖
手機也可以使用,不過要貼在巴哈時必須切換成電腦版的網頁
本來想要再加入編輯的功能,不過就先這樣吧,莫名其妙又累積了一堆事情沒做...



1.5.1
  • UI界面重新設計
  • 新增原始碼文字框,可以手動複製
  • 新增切換主題功能【白色】與【深色】
  • 新增轉【成圖片】的功能
  • 新增將白色轉成透明的選項


1.2.0
  • 新增:複製成html
  • 新增:複製成巴哈姆特原始碼(可以用這個來貼上比較不會lag
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3564550
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 11 篇留言

砲灰
喜歡跟收藏

05-03 22:36

藪貓大人
斯~溝伊~ 是擅長做表格像素圖的朋友 <3

05-03 22:49

無星之夜
優質保證

05-04 06:24

痛飲狂歌
這個太讚了

11-10 09:00

Rainbye
好有趣唷
太酷了這個

04-26 03:52

傑森五德
抱歉 再度提問
某篇動態圖片
明明是SVG 為什麼縮網址副檔名可以是.jpg
因為在某個論壇上支援圖片 但要是某個網域的才會自動開圖
我在想該怎麼改網址讓他判定為那個網域
好讓其他圖片也可以顯示而不是變成文字

問題很多 有回答的話感恩 沒有也感恩 愛你

09-11 04:12

深海異音
網址並沒有所謂的附檔名,什麼網址要回傳什麼東西,完全是由伺服器端進行控制
要結尾「.php」結果回傳一個影片檔也行
控制這個的機制叫做「路由」

很多初學者可能只接觸過php,以為網址一定非要對應一個存在於伺服器的檔案,實際上並沒有這種限制,
例如我的簽名檔就是完全動態合成
http://t1.hbl917070.nctu.me/signweb/t0.jpg09-11 09:15
深海異音
修改網域基本上是不可能的,除非那個網域是你的
例如我不可能讓「https://www.google.com」連接到我架設的網站
能的話就天下大亂了
09-11 09:17
深海異音
附帶一提,瀏覽器判斷一個網址是不是圖片的方法,不是根據網址而是根據「header」
例如png圖片的話,就會有「content-type:image/png」的資訊。

一些論壇可能安全性比較低,才會單純用網址來判斷是不是圖片,其實這是非常不建議的做法09-11 09:24
傑森五德
謝謝,我再整理一下你的內容,有錯煩請糾正:
(一)藉由主機那端的路由可以設定回傳的網域,因此.JPG的結尾網址並不是閣下所故意「偽裝」的,而是依靠路由設定而定。因此若是想要使得網址結尾.php而接收到影片檔,是需要研究路由器設定的連結。

(二)也就是偽裝網址並不可行?會有此想法是借鑑縮網址,如果改變不了(畢竟是別人的網域),那也就是說,想要成就一個跟原網址很相似但字尾不同的,就是必須架設主機,設定路由器等等等的行為,因此既昂貴又大費周章的不可行點子。

(三)其論壇安全性低,我確認過,因為我使用大量字元與圖片(我想主要是圖片的功勞)在留言區發送後,使得其APP版本進入文章讀取留言會閃退;我相信其代碼並非使用header,因為我以各種.jpg與.png的圖片網址發送測試,只有imgur圖源的會自動開啟,其他便是呈現超連結的網址。
另外還煩請說明為何不建議,風險在哪?攻擊手段有哪些?(純屬學術上研究,本人測試時也完全手工,並沒有撰寫程式惡意攻擊癱瘓,一來沒那個本事,二來白客精神。說明一下,怕哪個正義俠誤會~)

09-11 14:07

深海異音
一、
「網域」指的是http後面到第一個「/」的網址,這不是伺服端可以控制的東西,通常要花錢購買網域。
例如「https: //aaa/bbb/cc/123.php」
那麼網域就是「https: //aaa」
路由控制的是後面的「/bbb/cc/123.php」09-11 14:15
深海異音
二、
只要網域不是你的,就不可能偽造網址。
單純想要改變網址結尾的話,可以嘗試在圖片網址後面加上「#.jpg」
「#」後面的文字都不會送到伺服器,因為這是網頁前端判斷超連結錨點用的09-11 14:16
深海異音
三、
如果論壇支持任意圖片空間,或是留言沒有字數上限,那麼如果有人故意上傳一張100M的超大型png,或是一次上傳高達1G容量的文字?
想都不用想,其他使用者設備等級不夠高的話,開啟這個網頁就直接瀏覽器閃退09-11 14:20
深海異音
但禁止第三方圖片空間會使用者來說是一種困擾,
常見的做法是:
在論壇內顯示的圖片都是伺服器壓縮過的「縮圖」,使用者點擊圖片後,才會開啟原始圖片09-11 14:23
傑森五德
上傳高達1G容量的文字必須要67108864個中文字元,接近7000萬的字,這個要製造也是一個困難罷?
我愚蠢的想法就只有用迴圈,但如此高數量要簡潔還稍微難一點,加上輸出本身,光是長一點的文字量就要等待一段時間了,可想而知超量上傳是會卡住的,是否需要設備以及對方寬頻的考量?

我倒是認為此舉對比多次留言不實際,在網頁一次載入所有數據時(如這邊,並沒有用「顯示更多」來break),分批攻擊似乎可行性更高。
100M的超大型png檔也難以在免費空間上傳,付費需要多少才可以我倒是沒研究,不過只是為了攻擊,似乎都還沒這個需要(替代方案應該頗多,儘管我腦袋還沒想出幾個)。


依我如此初學的嘗試,就已經藉由JS或原始碼注入能獲得不少使用上的便利、樂趣,似乎太多良好使用體驗被一般人錯過(反之,也太多糟糕體驗被重複著)。
我依稀感覺所謂被水桶或文章讚數等等都是可以深入研究而改變的,不知這可能性是否正確?
有太多太多可以操作的枝微末節,我感覺知道這些的人們甚至不屑寫成程式(?),太無所謂。


例如以下這個範例是我用JS改變表單的rows,然後把沒有上傳圖片的按紐用原本的離開替代,
目前我只知道search所有onclick=後面的東西,才找到是已經有上傳圖片的功能。
https://imgur.com/FiT5Zde
我找到sendmessage()這個是可以在控制台輸入使用的,其餘要如何點選離開後還點取消/確認的變化我便不清楚,連表單文字怎麼填我都未知。

過往我就有看過發廣告的程式,那時候便一直很想用VB進行網頁操作,如今才知道是JS。
(這正確嗎,若是,在各種程式碼C++或Python可以舉例一個執行JS的操作嗎?)


問題頗長,您的回答皆幫助我很多,先感謝ㄌ

09-11 15:40

深海異音
只要有漏洞,不論過程多麻煩,都可能會有吃飽撐著的人來搞破壞,沒必要留一個風險在那裡。
imgur我測試可以上傳到85M的圖片,連續擺10張這種特殊圖片,對能讓一堆使用者手機瀏覽器閃退,所以直接顯示原圖給使用者是非常不好的。09-11 21:49
深海異音
要對瀏覽器注入js,直接用瀏覽器的「開發者管理工具」(F12)就行了,
或是用「Tampermonkey」這個瀏覽器附加原件。

如果非要用C++或Python來控制瀏覽器也是可以,但我沒有實際做過,
我只有做過在C#裡面嵌入瀏覽器然後進行控制09-11 21:52
到底在說什麼
這個連結掛ㄌ
【密技】教大家用表格畫點陣圖

09-16 23:16

深海異音
我還以為被收藏過的文章就不會被系統吃掉,結果還是吃掉了嗎...09-17 01:05
歐歐
https://forum.gamer.com.tw/Co.php?bsn=60076&sn=43176231
有收藏不會掛
只是當初複製的時候可能是複製到整串的連結
所以串雖被吃但樓實際還在

11-27 23:18

水墨靜
雖然用標題重新搜尋到了【密技】教大家用表格畫點陣圖文章,
確實是https://forum.gamer.com.tw/Co.php?bsn=60076&sn=43176231
但上方文中的連結沒更新……

03-27 18:26

我要留言提醒:您尚未登入,請先登入再留言

86喜歡★hbl917070 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【javascript】... 後一篇:【javascript】...

追蹤私訊

作品資料夾

fight1951大家
魔女與徒弟再度更新~這次的故事是與傳說中的魔物邂逅,會擦出甚麼樣的火花呢,感興趣的話歡迎來看看~看更多我要大聲說昨天01:19


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】