溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

html   上傳圖片，本頁(yè)預(yù)覽

發(fā)布時(shí)間：2020-06-24 08:36:44 來(lái)源：網(wǎng)絡(luò) 閱讀：469 作者：曦羽 欄目：web開(kāi)發(fā)

直接上代碼



<!DOCTYPE html><html><head><meta charset="UTF-8"><title>圖片上傳預(yù)覽</title><script type="text/javascript">    function imgPreview(fileDom){        //判斷是否支持FileReader        if (window.FileReader) {            var reader = new FileReader();        } else {            alert("您的設(shè)備不支持圖片預(yù)覽功能，如需該功能請(qǐng)升級(jí)您的設(shè)備！");        }        //獲取文件        var file = fileDom.files[0];        var p_w_picpathType = /^p_w_picpath\//;        //是否是圖片        if (!p_w_picpathType.test(file.type)) {            alert("請(qǐng)選擇圖片！");            return;        }        //讀取完成        reader.onload = function(e) {            //獲取圖片dom            var img = document.getElementById("preview");            //圖片路徑設(shè)置為讀取的圖片            img.src = e.target.result;        };        reader.readAsDataURL(file);    }</script></head><body>    <img id="preview" />    <br />    <input type="file" name="file" onchange="imgPreview(this)" /></body></html>

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手