博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
6.上传前图片预览
阅读量:5046 次
发布时间:2019-06-12

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

1、html 代码:

<div class="file-box">

<form action="upload.class.php" id="form_id" method="post" enctype="multipart/form-data" >
<input type="file" name="imagename" id="imagename" οnblur="getimage(this)" />
<input type="button" class="btn" value="上传" οnclick="form_register();" />
</form>
<img id="img_id" />
</div>

 

2、js代码

function getimage(obj)

{ 
  var pic = obj.files[0];
  var freader = new FileReader();
  freader.readAsDataURL(pic);
  freader.onload = function(e) {
  document.getElementById('img_id').attr("src",e.target.result);
  }

}

 

转载于:https://www.cnblogs.com/52-hz/p/7170339.html

你可能感兴趣的文章
【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.1.CSS框架和其他功能
查看>>
如何一个pdf文件拆分为若干个pdf文件
查看>>
web.xml中listener、 filter、servlet 加载顺序及其详解
查看>>
前端chrome浏览器调试总结
查看>>
获取手机验证码修改
查看>>
数据库连接
查看>>
python中数据的变量和字符串的常用使用方法
查看>>
等价类划分进阶篇
查看>>
delphi.指针.PChar
查看>>
Objective - C基础: 第四天 - 10.SEL类型的基本认识
查看>>
java 字符串转json,json转对象等等...
查看>>
极客前端部分题目收集【索引】
查看>>
第四天 selenium的安装及使用
查看>>
关于js的设计模式(简单工厂模式,构造函数模式,原型模式,混合模式,动态模式)...
查看>>
KMPnext数组循环节理解 HDU1358
查看>>
android调试debug快捷键
查看>>
【读书笔记】《HTTP权威指南》:Web Hosting
查看>>
Inoodb 存储引擎
查看>>
数据结构之查找算法总结笔记
查看>>
Linux内核OOM机制的详细分析
查看>>