您的位置：首页 > 编程语言 > ASP

ASP.NET MVC图片上传前预览

2015-07-07 16:21 661 查看 
@{
ViewBag.Title = "Picture";
}
<!DOCTYPE html>
<html>
<head>
<script src='@Url.Content("~/assets/plugins/jquery-1.10.2.min.js")' type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#fileInput").on("change", function () {
var file = this.files[0];
if (this.files && file) {
var reader = new FileReader();
reader.onload = function (e) {
$("#img").attr('src', e.target.result);
$("#fn").text(file.name);
$("#fs").text(file.size);
}
reader.readAsDataURL(file);
}
});
});
</script>

</head>
<body>
<h2>Picture</h2>
<div>
<input id="fileInput" type="file" />
<br />
<img id="img" src="" alt="" />
<br />
<span id="fn"></span>
<span id="fs"></span>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航