JSP 上傳圖片之前先在頁面生成預覽

碼頭工人 8年前發布 | 12K 次閱讀 JavaScript JSP 

JSP 頁面代碼：



    <form action="#" name="uploadForm" method="post" enctype="multipart/form-data">  

     <input type="file" name="upload" id="upload" onchange="loadImageFile(event)">

            <img id="image" src="" >

            <input type="submit" value="上傳">

    </form>  




JS 代碼：



    function loadImageFile(event)

    {

            var image = document.getElementById('image');

            image.src = URL.createObjectURL(event.target.files[0]); 

    };




</pre>
 本文由用戶 admin 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！