zoukankan      html  css  js  c++  java
  • js对象封装内部图片的相关代码,采用base64图片串

    有时候,想让自己封装的js干净轻巧,不带图片文件什么的,那图片怎么处理呢?带着这个问题,我做了一下试验,发现也不是很难。现在把简单的过程记录下来,以备后用。

    <!DOCTYPE HTML>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>test js option base64 picture</title>
        <script type="text/javascript" src="./Content/jquery-2.2.0.js"></script>
        <script type="text/javascript">
            var icon = 'data:image/gif;base64,R0lGODlhBAABAIABAMLBwfLx8SH5BAEAAAEALAAAAAAEAAEAAAICRF4AOw==';
            function main() {
                return;
                var img = '<img id="testImg" src="' + icon + '"/>';
                $('#canvas').append(img);
            }
        </script>
    </head>
    <body onload=" main();">
        <div id="canvas" style=" 50px; height: 50px; background-position-y:50px;background-position-x:0;" ></div>
        <hr>
        <div id="info" onclick="test();">页面载入中,请稍候...</div>
        <script type="text/javascript">
            function test() {
                $('#canvas').css({ backgroundImage: 'url(' + icon + ')' });
            }
        </script>
    </body>
    
    </html>
    
    下面附带c#取图片base64串的方法:

     public static string getImageStr(string imgFile)
            {
                var stream = File.Open(imgFile, FileMode.Open);
                byte[] buff = new byte[stream.Length];
                stream.Read(buff, 0, (int)stream.Length);
                stream.Dispose();
                return Convert.ToBase64String(buff);
            }


  • 相关阅读:
    CSS浏览器兼容解决总结
    Access的数据操作类(带异常处理)
    网页消息类
    生成验证码(纯中文)
    C#连接各种数据库(持续更新中)
    asp.net中实现文件批量上传!你会了吗?
    http 错误编号大全(转)
    SQL SERVER数据操作类
    web.config加密和解密
    C#中操作CMD命令行窗口
  • 原文地址:https://www.cnblogs.com/foren/p/6009087.html
Copyright © 2011-2022 走看看