博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JSP 上传图片之前先在页面生成预览
阅读量:6832 次
发布时间:2019-06-26

本文共 426 字,大约阅读时间需要 1 分钟。

hot3.png

JSP 页面代码:

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

        <input type="file" name="upload" id="upload" οnchange="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]); 

        };

转载于:https://my.oschina.net/u/2452573/blog/553030

你可能感兴趣的文章
LeetCode 014&053
查看>>
if(3 == true) ?
查看>>
Java基础笔记04
查看>>
android 官方模拟器7.0+ root操作(以把CA证书刷到系统信任证书为例)
查看>>
如何向非极客解释非对称加密
查看>>
3D Touch
查看>>
隐藏实现细节
查看>>
使用云监控实现GPU云服务器的GPU监控和报警(下)-云监控插件监控
查看>>
二维码zbar 乱码
查看>>
从0开始做一个商城项目(charles准备)
查看>>
移动端页面开发之旅
查看>>
Vue 全站缓存之 keep-alive : 动态移除缓存
查看>>
第三章 继承
查看>>
一步一步分析Redux源码
查看>>
还在记git命令?快试试SourceTree
查看>>
webpack常用优化配置
查看>>
Golang interface接口深入理解
查看>>
Flutter widgets——Container/Row/Column/Image
查看>>
学习 JavaScript(二) ——在 HTML 中使用 JS
查看>>
Android利用OpenGL实现高斯模糊
查看>>