如何用Visual Studio 2010打造Data Url生成工具

时间:2024-10-13 06:22:09

1、打开Visual Studio 2010

如何用Visual Studio 2010打造Data Url生成工具

2、新建项目:文件》新建》项目

如何用Visual Studio 2010打造Data Url生成工具

3、选择c#》Windows窗体应用程序》输入项目名称

如何用Visual Studio 2010打造Data Url生成工具

4、拖动窗体到合适的大小

如何用Visual Studio 2010打造Data Url生成工具

5、修改窗口的标题为:Data Url 生成工具

如何用Visual Studio 2010打造Data Url生成工具

6、分别添加一个Label,两个TextBox,一个Button组件

如何用Visual Studio 2010打造Data Url生成工具

7、修改组件的“Name”属性,以及Text属性

如何用Visual Studio 2010打造Data Url生成工具
如何用Visual Studio 2010打造Data Url生成工具

8、双击浏览按钮添加关键代码

如何用Visual Studio 2010打造Data Url生成工具

9、生成解决方案

如何用Visual Studio 2010打造Data Url生成工具

10、启动调试

如何用Visual Studio 2010打造Data Url生成工具

11、选择一张图片

如何用Visual Studio 2010打造Data Url生成工具
如何用Visual Studio 2010打造Data Url生成工具

12、点击打开后,就会立即生成Data Url了,这里直接把Data Url放到img标签里了,方便测试

如何用Visual Studio 2010打造Data Url生成工具

13、怎么测试呢?新建一个文本文档,凸鹣沮北把整个img标签的内容复制粘贴到文档中,保存;然后将文件的扩展名改为“.html”;然后在文件上单击鼠标右键》打开方式》选择一个浏览器,就可以看到效果了。

如何用Visual Studio 2010打造Data Url生成工具
如何用Visual Studio 2010打造Data Url生成工具
© 手抄报圈