JSP 上传图片之前先在页面生成预览
JSP 上传图片之前先在页面生成预览
十全九美 发表于2年前
JSP 上传图片之前先在页面生成预览
  • 发表于 2年前
  • 阅读 108
  • 收藏 14
  • 点赞 0
  • 评论 0

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]); 

        };


共有 人打赏支持
粉丝 3
博文 22
码字总数 1907
×
十全九美
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: