iT邦幫忙

1

在web上的圖片拖到(寫入)電腦的硬碟?

  • 分享至 

  • twitterImage

瀏覽器好像就內建
可以把在網頁上的圖片(img element?)長按拖動到電腦
裡然後就會儲存在硬碟裡
像這樣

如果我要同時拖動好幾張圖要如何做呢?
應該是說把我只能把好幾張圖的img element選起來
可是我不知道要怎麼寫入到硬碟

我有想過用drop event
可以拿到某個檔案或是資料夾的路徑
但那應該是從硬碟到web

而不是從web到硬碟

看更多先前的討論...收起先前的討論...
KYCPG iT邦新手 4 級 ‧ 2020-07-22 12:43:10 檢舉
設置個多選選單呢?
是可以弄得多選的東西把圖片選起來
可是選起來後要怎麼寫到硬碟?
像在gif圖片裡面那樣
把多張圖片拖到桌面
按CTRL + S 存網頁,選"完整網頁",然後你就會看到存檔的HTML檔,還有一個跟儲存的HTML同主檔名的資料夾,資料夾裡就有你要的圖片,整個網頁裡的照片都在

但某些相冊網站使用JS動態載入的照片,將會不會被存起來
淺水員 iT邦大師 6 級 ‧ 2020-07-22 14:23:37 檢舉
如果是要少量步驟就能儲存大量圖片的話,那可以考慮把所選的圖片都包到 zip 檔案,讓使用者下載。
我剛剛看到這個正在草擬的api?
https://web.dev/native-file-system/
https://wicg.github.io/native-file-system/
試了一下
可以寫圖片檔案到硬碟裡
但是每次請求fileHandle都會跳出windows的目錄選擇窗口
這個fileHandle沒有辦法被儲存
只要關掉網頁或是換目錄就要重新要求存取權限
cshalove iT邦新手 4 級 ‧ 2020-07-22 16:11:36 檢舉
試試外掛套件
介紹 https://free.com.tw/imageassistant/
你找到的都是利用下載的機制去做的,所以也是需要指定路徑下載才行。
拖拉的方式還是做不太到。
player iT邦大師 1 級 ‧ 2020-07-22 22:40:54 檢舉
FireFox 有支援Web頁面裡的單張圖檔直接拖拉到檔案總管 (應該是不用裝外掛)
不會問你存檔路徑與檔名
(但是放在CSS裡設的背景圖無法拖拉, 好像也沒支援選取多張圖檔一起拖拉?)
其他的瀏覽器未知 (請自己實驗)
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

4

基本上,你想要的功能很難做到。
只能利用下載機制才有可能。

原圖片拖拉機制,是瀏覽器本身的功能。
屬於本機的功能,是由本機去請求來源後再做存入。
而這個動作並不是你的網頁去做到的。你也無法去干域它。

而你無法利用網頁,來去變動本機任何不存在的動作。
如多選圖片。

要做到這點,你只能幫瀏覽器去加掛這些功能才行。
想直接在網頁上做到是不可能的事的。

但可以利用其它方式來做到但達不到拖拉的效果。

以前的話,還可以利用flash來幫你做到。
但現在flash要慢慢被禁用的情況下。我也不建議你用flash的方式了。

我要發表回答

立即登入回答