马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

分享图片上传预览功能

[复制链接]
查看2467 | 回复0 | 2017-2-6 21:39:28 | 显示全部楼层 |阅读模式
不多说,直接上代码。
[JavaScript] 纯文本查看 复制代码
	function showPreview(source) {
	  var file = source.files[0];
	  if(window.FileReader) {
	      var fr = new FileReader();
	      fr.onloadend = function(e) {
	        document.getElementById("portrait").src = e.target.result;
	      };
	      fr.readAsDataURL(file);
	  }
	}




HTML代码
[HTML] 纯文本查看 复制代码
	<input type="file" name="file" />
	<img id="portrait" src="" width="70" height="75">



复制粘贴即可见效果
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则