zoukankan      html  css  js  c++  java
  • 简单实现图片上传预览

    /*-----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>

  • 相关阅读:
    7段数码管绘制
    画五角星
    绘制正方形
    蟒蛇的绘制
    玫瑰花
    小猪佩奇
    数列求和
    水仙花数
    鸡兔同笼
    画国际象棋盘
  • 原文地址:https://www.cnblogs.com/xuhaifeng/p/7344251.html
Copyright © 2011-2022 走看看