HTML5实现图片选择并预览
2015-12-18 14:20
537 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="jquery-1.11.2.min.js"></script> <script type="text/javascript"> $(function () { $(function () { $("#fileupload").change(function () { var reader = new FileReader(); reader.onload = function (e) { $("#img1").attr("src",e.target.result); } reader.readAsDataURL($(this)[0].files[0]); }) }); }) </script> </head> <body> <form id="form1" runat="server"> <input id="fileupload" type="file" /> <img id="img1" style="width:150px; height:90px;" /> </form> </body> </html>
相关文章推荐
- 跟着韩老师学HTML5的tank大战一些问题和代码
- html5 meta标签属性整理
- HTML5表单新增元素与属性
- 百度移动联盟phonegap/cordova插件使用总结
- web -- 移动前端头部标签(HTML5 head meta)
- HTML5图片上传插件
- H5动画优化之路
- CDH5.4.7升级到CDH5.5.0
- 移动前端头部标签(HTML5 head meta)
- HTML5文件上传组件的深度剖析、分块上传、断点续传、秒传
- Html5应用接入百度移动ssp广告教程
- HTML5编写格式命令详解
- HTML5知识介绍
- 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
- HTML5 Differences from HTML4
- 圣诞来了 h5游戏风靡朋友圈了
- HTML5新元素section和article的区别详解
- 项目分享五:H5图片压缩与上传
- html5学习笔记(1)-新标签
- HTML5之canvas剪切图片