html圖片上傳預覽(兼容谷歌、火狐、一般瀏覽器)

html圖片上傳預覽(兼容谷歌、火狐、一般瀏覽器)

第一步:使用input標籤,type屬性值為file類型,增加class屬性方便腳本使用

第二步:引入jQuery (編寫代碼少、做的事情多),編寫腳本時需要使用到

第三步:開始寫腳本,兼容一般瀏覽器、火狐、谷歌等

本人使用的是谷歌瀏覽器,效果看下圖

知乎者友若遇到問題,有疑問歡迎在下方留言。共同解決問題!

原代碼可訪問以下鏈接獲取:

jzjun/webpro?

github.com


推薦閱讀:

Chanel 2015/16秋冬高級成衣系列預覽
《中國書法·書學》2017年第4期預覽
如何在 Photoshop Lightroom Classic CC 中使用智能預覽查看和編輯照片
專場預覽之中國玉器

TAG:網頁瀏覽器 | 預覽 |