這篇文章主要介紹了如何使用input type=file選擇圖片并且實現(xiàn)預覽效果的實例，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)服務(wù)項目包括什邡網(wǎng)站建設(shè)、什邡網(wǎng)站制作、什邡網(wǎng)頁制作以及什邡網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，什邡網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到什邡省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

通過標簽，給它指定type類型為file，可提供文件上傳；

accept：可選擇上傳類型，如：只要傳圖片，且不限制圖片格式，為image/*；

multiple：規(guī)定是否可以選擇多個文件；

規(guī)定只可上傳圖片，且可以選擇多個文件

當然，直接一個input type=file 只能選擇上傳的文件/資源，如果我們需要在選擇圖片之后，在當前頁面實現(xiàn)預覽效果，那么我們可以如下方式來實現(xiàn)

HTML代碼