免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

HTML中選擇圖片并直接預覽怎么弄-創新互聯

HTML中選擇圖片并直接預覽怎么弄?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!

創新互聯建站是一家集網站建設,德保企業網站建設,德保品牌網站建設,網站定制,德保網站建設報價,網絡營銷,網絡優化,德保網站推廣為一體的創新建站企業,幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們為更多的企業打造出實用型網站。
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>選擇圖片并預覽</title>

    <script type="text/javascript">
        function getFileUrl(sourceId) {
            var url;
            if (navigator.userAgent.indexOf("MSIE")>=1) { // IE
                url = document.getElementById(sourceId).value;
            } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox
                url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
            } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome
                url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
            }
            return url;
        }
        function preImg(sourceId, targetId) {
            var url = getFileUrl(sourceId);
            var imgPre = document.getElementById(targetId);
            imgPre.src = url;
        }
    </script>

</head>
<body>
<p>
    <br />
    <br />
    <a>上傳者:<input type="text" /></a>
    <br />
    <br />
    <form action="">
        <input type="file" name="imgOne" id="imgOne" onchange="preImg(this.id,'photo');" />
        <br />
        <br />
        <img id="photo" src="" width="300px" height="300px" style="display: block;" />
    </form>
</p>
</body>
</html>

感謝各位的閱讀!看完上述內容,你們對HTML中選擇圖片并直接預覽怎么弄大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創新互聯網站制作公司行業資訊頻道。

標題名稱:HTML中選擇圖片并直接預覽怎么弄-創新互聯
URL鏈接:http://m.newbst.com/article38/dcghpp.html

成都網站建設公司_創新互聯,為您提供網站設計公司企業網站制作標簽優化網站內鏈營銷型網站建設用戶體驗

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

外貿網站建設