Arif Erzin Bloğu-Kendime Notlar

İçerikler özgün değildir. Sadece sık sık lazım olan işime yarayacak olan notları almış olduğum kişisel bloğumdur.

1 Şubat 2014 Cumartesi

Asp.Net Canvas Resim Kaydetme

Gönderen arif erzin zaman: 21:26 Etiketler: , , , , ,

 
Asp.Net de canvas da çizilen bir resmi json ile kaydetme işlemini nasıl yapacağımızı anlatacağım .

 1.aspx sayfamızda canvas adında bir canvasımız olsun

 <canvas id="canvas" width="850" height="350"></canvas>
tamam linkine tıklandığında javascript devreye girecek

 <a onClick="resimeklegeometri();">Tamam</a>

  javascript içeriği şöyle

  function resimeklegeometri() {

     // generate the image data
    var Pic = document.getElementById("canvas").toDataURL("image/png");
    Pic = Pic.replace(/^data:image\/(png|jpg);base64,/, "");
    var ResimAdi="resimeverecegimizad.png";
     // Sending the image data to Server
    $.ajax({
        type: 'POST',
        url: 'Save_Picture.aspx/UploadPic',
        data: '{"imageData":"' + Pic + '","ResimAdi":"' + ResimAdi + '"}',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert("Resim Kaydedildi");
        }
    });
Save_Picture.aspx in UploadPic fonksiyonuna veri gönderdik.Save_Picture.aspx.cs de şöyle olacak

  

using System;
using System.Web;
using System.IO;
using System.Web.Script.Services;
using System.Web.Services;
using System.Collections.Generic;
using System.Linq;
using System.Web.UI;
using System.Web.UI.WebControls;


[ScriptService]
public partial class Save_Picture : System.Web.UI.Page
{
        [WebMethod()]


    public static void UploadPic(string imageData, string ResimAdi)
    {
                    string Pic_Path = HttpContext.Current.Server.MapPath(ResimAdi);
        using (FileStream fs = new FileStream(Pic_Path, FileMode.Create))
        {
            using (BinaryWriter bw = new BinaryWriter(fs))
            {
                byte[] data = Convert.FromBase64String(imageData);
                bw.Write(data);
                bw.Close();
            }
        }

      
    }
}
Bazı durumlardaweb.config içerisine aşağıdaki kodu eklemek gerekebiliyor
 <system.web.extensions>

    <scripting>

      <webServices>

        <jsonSerialization maxJsonLength="1000000"></jsonSerialization>

      </webServices>

    </scripting>

  </system.web.extensions>



[WebMethod()] içerisinde bazen response ve server.mappath gibi fonksiyonlara izin vermiyor onun için şu şekilde kullanmamız gerekiyor 

HttpContext.Current.Server.MapPath("~/") 
HttpContext.Current.Response.ContentType = "image/jpeg";
 HttpContext.Current.Response.Write("deneme");

Hiç yorum yok :

Yorum Gönder

Kaydol: Kayıt Yorumları ( Atom )

Blog Archive

Popular Posts