JSP 上传图片之前先在页面生成预览
2015-12-29 00:00
706 查看
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]);
};
<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]);
};
相关文章推荐
- js 时分秒 比较
- JS学习笔记第二天
- js工具集
- js简单对象
- JS实现复选框全选全不选以及子复选框带动全选框的选中
- js的HashMap实现
- 20151228:JSON;XML;AJax返回TEXT值
- Javascript文件中的控制器II
- Javascript文件中的控制器I
- Day-5 周六,看JS
- 【splay】BZOJ 1014: [JSOI2008]火星人prefix
- js对象的复制
- JavaScript入门篇
- Javascript 中创建自定义对象的方法汇总
- js判断对象的方法
- jsp 静态引入<%@ include %> 动态引入<jsp:include> 区别
- form表单传值
- jstl标签库
- 纯js 滚动到顶部函数分享
- c#解析一个嵌套json的例子