winForm 图片base64编码转换上传文件到web服务器

 　　上一篇文件简单剖析了文件上传php的处理制度，它是建立在客户端浏览器的 file控件，其实客户端浏览器的file控件对文件是做了流读取的，把文件读取到浏览器然后通过http的 请求头的request payLoad 来向服务端请求。那么我们能不能不用file控件，我直接把流读成其他字符格式来向服务器端请求POST发送呢。奔着这个思路，用winFrom->http 服务器形式来模拟实现（本来浏览器是可以实现但是考虑到js来度本地文件 有点不大可能，另外可以actix来实现但是那样麻烦）

　一.　winFrom 窗体不仅如下图：

第一个按钮点击后主要处理过程有：读入本地图片到流，然后把流转换的base64编码，显示在下面的那个textbox里头

C#代码如果下：

　　

View Code

        void Button1Click(object sender, EventArgs e)

        {

            if (this.openFileDialog1.ShowDialog() == DialogResult.OK) {

                this.textBox1.Text=ImgToBase64String( this.openFileDialog1.FileName);

            }

        }

        

        //图片 转为    base64编码的文本

        private string ImgToBase64String(string Imagefilename)

        {

            try

            {

                Bitmap bmp = new Bitmap(Imagefilename);

                this.pictureBox1.Image = bmp;

      

                MemoryStream ms = new MemoryStream();

                bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);

                byte[] arr = new byte[ms.Length];

                ms.Position = 0;

                ms.Read(arr, 0, (int)ms.Length);

                ms.Close();

                string strbaser64 = Convert.ToBase64String(arr);

               return strbaser64;

            }

            catch (Exception ex)

            {

               return ("ImgToBase64String 转换失败\nException:" + ex.Message);

            }

        }

"显示图片"那个按钮是把textbox里面的base64字符在转换成二进制流，然后在给Bitmap对想方向显示代码如下：

View Code

         //base64编码的文本 转为    图片

        private void Base64StringToImage(string inputStr)

        {

            try

            {

                byte[] arr = Convert.FromBase64String(inputStr);

                MemoryStream ms = new MemoryStream(arr);

                Bitmap bmp = new Bitmap(ms);

                ms.Close();

                this.pictureBox2.Image = bmp;

            }

            catch (Exception ex)

            {

                MessageBox.Show("Base64StringToImage 转换失败\nException：" + ex.Message);

            }

        }

点击上传按钮就是通过 HttpWebRequest向相应web服务器发送POST请求 （CollectHelper）为封装的http请求类：

View Code

void Tb_upClick(object sender, EventArgs e)

        {

            string png=this.textBox1.Text.ToString();

            string name=DateTime.Now.ToFileTimeUtc().ToString();

            CollectHelper htmlHelper = new CollectHelper();

            string url="http://localhost:81/pic.php";

            string parm="png="+htmlHelper.UrlEncode(png)+"&name="+name;

            string result = htmlHelper.CollectHtml(url, parm, CollectHelper.Method.POST, CollectHelper.HtmlEncoding.UTF8, CollectHelper.HtmlEncoding.UTF8);

            if(result!="timeout"){

                MessageBox.Show("上传成功");

            }else{

                MessageBox.Show("发送超时");

            }

        }

从代码里头容易看出图片的base64字符请求到了参数png下

二、服务器端

 思路：通过$_POST接受客户端的post请求字符串，然后base64转成二进制流，然后写入到图片文件进行保存：

View Code

function base64_to_png($inputfile, $outputfile ) {

    $imageData = $inputfile;

    $file = fopen( $outputfile, "w" );

    fwrite( $file, base64_decode( $imageData ) );

    fclose($file);

}

base64_to_png("".$_POST['png'], $_POST["name"].".png");

服务器端echosong 比较喜欢用 也习惯用php 其内置有 base64_decode,base64_encode 解码 编码的函数用起来非常方便快捷，而且内置的东西性能也给力

三、效果：

　　

服务器端里面拿到文件