本文實(shí)例講述了js實(shí)現(xiàn)的在本地預(yù)覽圖片功能。分享給大家供大家參考,具體如下:
創(chuàng)新互聯(lián)長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為扎蘭屯企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作,扎蘭屯網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。移動web
<body> <form enctype="multipart/form-data" name="form1"> 上傳文件:<input id="f" type="file" name="f" onchange="change()" /> 預(yù)覽:<img id="preview" alt="" name="pic" width="300" height="150" /> </form> <script> function change() { var pic = document.getElementById("preview"); var file = document.getElementById("f"); var ext=file.value.substring(file.value.lastIndexOf(".")+1).toLowerCase();//js獲取文件名的后綴 html5Reader(file); } function html5Reader(file){ var file = file.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e){ var pic = document.getElementById("preview"); pic.src=this.result; } } </script> </body> </html>
網(wǎng)頁題目:js實(shí)現(xiàn)的在本地預(yù)覽圖片功能示例-創(chuàng)新互聯(lián)
文章起源:http://bm7419.com/article12/ceccdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、做網(wǎng)站、網(wǎng)站制作、網(wǎng)站收錄、小程序開發(fā)、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容