本文主要為大家帶來一篇input type=file 選擇圖片並且實現預覽效果的實例。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。
透過標籤,給它指定type類型為file,可提供檔案上傳;
accept:可選擇上傳類型,如:只要傳遞圖片,且不限制圖片格式,為image/*;
multiple:規定是否可以選擇多個檔案;
規定只可上傳圖片,且可以選擇多個檔案
當然,直接一個input type=file 只能選擇上傳的檔案/資源,如果我們需要在選擇圖片之後,在目前頁面實現預覽效果,那麼我們可以如下方式來實作
HTML程式碼
css樣式檔
JS程式碼
*以上js程式碼中有使用到jQuery,因此要引入jQuery檔案
相關推薦:
HTML5 Plus 實作手機APP拍照或相簿選擇圖片上傳功能的實例代碼
以上是input type=file 選擇圖片並且實現預覽效果詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!