HTML5 图片上传预览代码,Css代码库,德仔网

代码语言

代码分类

【Css】 HTML5 图片上传预览

作者:Merlin / 发布于2015/1/7/ 776


	<!DOCTYPE html>
	<html lang="zh-cn">
	<head>
	<meta charset="utf-8" />
	<meta name="author" content="EdieLei" />
	<title>HTML5 图片上传预览</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
	 $(function () {
	 $('#img').change(function () {
	 var file = this.files[0]; //选择上传的文件
	 var r = new window.FileReader();
	 r.readAsDataURL(file); //Base64
	 $(r).load(function () {
	 $('div').html('<img src="' + this.result + '" alt="" />');
	 });
	 });
	 });
	</script>
	</head>
	<body>
	<h3>HTML5 图片上传预览</h3>
	<input id="img" type="file" accept="image/*" />
	<div></div>
	</body>
	</html>

试试其它关键字

　上传预览　　图片上传　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

Merlin贡献的其它代码(4)

.最大流(邻接表形式)
.random函数
.兼容所有浏览器的CSS阴影效果
.HTML5 图片上传预览