javascript - 這種上傳圖片預覽怎麼做？

Question

類似這種上傳圖片，還能預覽顯示的這種，前端該怎麼寫，有沒有類似的程式碼可以提供給我看看！謝謝

Answer 1

雷雷

Answer 2

web uploader.js或FileReader API

Answer 3

自己之前寫過一個商城商品圖片的預覽，思路很簡單，不知道對你有沒有幫助：
1.上傳上的圖片，網頁上肯定顯示小的縮圖吧；
2.後台（我們當時是後台，你們也可以想想其他辦法）儲存兩張圖片，一張小的縮圖，一張預覽的高清大圖；
3.點擊小的縮圖時，用模態框顯示大的高清圖。

Answer 4

兩個demo:點選事件https://github.com/treeandgra...
圖片拖曳的https://github.com/treeandgra...