首页 > Web开发 > 详细

简单实现图片上传预览

时间:2017-08-11 10:13:01      阅读:162      评论:0      收藏:0      [点我收藏+]

/*-----Title-----*/

<script type="text/javascript" src="Script/jquery-1.4.1.min.js"></script>

/*-----JQuery-----*/

<script type="text/javascript">
$(function () {
$(‘.selectPic‘).change(function () {
$(".previewPic").attr("src", "Content/Loading.gif");
var _file = this.files[0]; //选择上传的文件
var r = new FileReader();
r.readAsDataURL(_file); //Base64
$(r).load(function () {
$(".previewPic").attr("src", this.result);
});
});
});
</script>

/*-----Page-----*/

<div class="selectArea">
<span>选择图片&nbsp;&nbsp;&nbsp;>></span>
<asp:FileUpload ID="FileUpload1" runat="server" accept="image/*" CssClass="selectPic" />
</div>

<div class="previewArea">
<asp:Image runat="server" ID="Image1" CssClass="previewPic" />
</div>

简单实现图片上传预览

原文:http://www.cnblogs.com/xuhaifeng/p/7344251.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!