當麻許的碎念筆記

public partial class risivajax : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        try

        {

            //如果src 有東西再進行處理

            if (!string.IsNullOrEmpty(Request["src"]))

            {

                var q = Request["src"].Substring(Request["src"].IndexOf(',') + 1);

                //將base 64 String 變成Image 物件

                var d = Base64ToImage(q);

                d.Save(AppDomain.CurrentDomain.BaseDirectory + "xxx.jpg");

            }

            else

            {

                Response.Write("error:null data");

            }

            Response.Write("success:");

        }

        catch (Exception err)

        {

            Response.Write("error:" + err.Message);

        }

    }

    public System.Drawing.Image Base64ToImage(string base64String)

    {

        byte[] imageBytes = Convert.FromBase64String(base64String);

        return BufferToImage(imageBytes);

    }

    private System.Drawing.Image BufferToImage(byte[] Buffer)

    {

        byte[] data = null;

        System.Drawing.Image oImage = null;

        MemoryStream oMemoryStream = null;

        Bitmap oBitmap = null;

        //建立副本

        data = (byte[])Buffer.Clone();

        try

        {

            oMemoryStream = new MemoryStream(data);

            //設定資料流位置

            oMemoryStream.Position = 0;

            oImage = System.Drawing.Image.FromStream(oMemoryStream);

            //建立副本

            oBitmap = new Bitmap(oImage);

        }

        catch

        {

            throw;

        }

        finally

        {

            oMemoryStream.Close();

            oMemoryStream.Dispose();

        }

        //return oImage;

        return oBitmap;

    }

}

<script>

    var token = "";

    function PassImage(token, src, successFunc, failevent) {

        var $res;

        $.ajax({

            type: "POST",

            url: "risivajax.aspx",

            contentType: "application/x-www-form-urlencoded; charset=UTF-8",

            cache: false,

            dataType: 'text',

            data: "token=zxcadqwe&src=" + src,

            success: function (data) {

                if (data.indexOf('success') >= 0) {

                    $res = data.split(':');

                    alert(data);

                    if (successFunc != null) {

                        successFunc(data.d);

                    }

                }

                if (failevent != null) {

                    failevent(data.d);

                }

            },

            error: function () {

                if (failevent != null) {

                    failevent(data.d);

                }

            }

        });

        return $res;

    }

</script>

holder.ondrop = function (e) {

     this.className = '';

     e.preventDefault();

     var file = e.dataTransfer.files[0];

     var reader = new FileReader();

     reader.onload = function (event) {

         document.getElementById('imgSample').src = event.target.result;

         console.log(event.target.result);

         PassImage(token, encodeURIComponent(event.target.result));            

     };

     console.log(file);

     reader.readAsDataURL(file);

     return false;

 };