Wie konvertiert Bild, um die byte-array mit javascript nur zum speichern Bild auf sql-server?

Ich bin kämpfen, konvertieren Bild, um die byte-array mit Hilfe von client-side script. Ich habe zu konvertieren image zu byte array und übergeben dieses array zu web-service , so dass Sie die web-services können speichern Sie das Bild in sql server. Beliebigen bitte helfen Sie mir.

InformationsquelleAutor der Frage Raja Ramesh | 2012-02-13

  1. 12

    habe ich eine Lösung gefunden. 🙂

    in html-javascript-Datei, konvertieren Sie zuerst das hochgeladene Bild in base64-Bild-format mit dem folgenden code.

    var p;
var canvas = document.createElement("canvas");
var img1=document.createElement("img"); 

function getBase64Image(){     
    p=document.getElementById("fileUpload").value;
    img1.setAttribute('src', p); 
    canvas.width = img1.width; 
    canvas.height = img1.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img1, 0, 0); 
    var dataURL = canvas.toDataURL("image/png");
    alert("from getbase64 function"+dataURL );    
    return dataURL;
}

    also haben wir base64-code des hochgeladenen Bildes in dataURL.

    NUN SENDEN Sie DIESE BASE64-CODE (dataURL) , web-service und konvertiert die base64 string zu byte-array mit dem folgenden code, und speichern Sie Sie auf sql server zu

    c# code--für die Umwandlung von base64-byte-arry und zu speichern, die auf sql -

    private void Form1_Load(object sender, EventArgs e) {
    int userid = 5;
    string base64="";// load base 64 code to this variable from js 
    Byte[] bitmapData = new Byte[base64.Length];
    bitmapData = Convert.FromBase64String(FixBase64ForImage(base64));
    string connstr = @"user id=sa; password=*****"; 
    database=ImageTest; 
    server="192.168.1.104";
    SqlConnection conn = new SqlConnection(connstr);
    conn.Open();
    string query;
    query = "insert into imagetable(userid,image) values(" + userid + "," + " @pic)";
    SqlParameter picparameter = new SqlParameter();
    picparameter.SqlDbType = SqlDbType.Image;
    picparameter.ParameterName = "pic";
    picparameter.Value = bitmapData;
    SqlCommand cmd = new SqlCommand(query, conn);
    cmd.Parameters.Add(picparameter);
    cmd.ExecuteNonQuery();
    cmd.Dispose();
    conn.Close();
    conn.Dispose();
}
public static string FixBase64ForImage(string image) {
    StringBuilder sbText = new StringBuilder(image, image.Length);
    sbText.Replace("\r\n", String.Empty);
    sbText.Replace(" ", String.Empty);
    return sbText.ToString();
}

    hoffe, dass u verstehen 🙂 ......

    InformationsquelleAutor der Antwort Raja Ramesh

  2. 5
    File.prototype.convertToBase64 = function(callback){

    var FR= new FileReader();
    FR.onload = function(e) {
         callback(e.target.result)
    };       
    FR.readAsDataURL(this);
}

    und später rufen Sie diese Funktion mit dieser

    var selectedFile = this.files[0];
selectedFile.convertToBase64(function(base64)

    bekommen Sie Ihre base64-code.

    InformationsquelleAutor der Antwort Aamer

  3. 2

    Eine mögliche Lösung für dieses problem:

    1. Führen Sie eine faux-AJAX-Aufruf zum upload der Bild-Datei (diese jQuery-plugin gearbeitet hat Wunder für mich so weit).
    2. Abrufen der Datei von der Seite Sie, posten Sie es per Anfrage.- Dateien.
    3. Führen Sie die Web-Methodenaufruf durch Verwendung des resultierenden HttpPostedFile - InputStream-Eigenschaft, um zu füttern die byte [] - parameter der Web-Methode aufrufen.

    Kann man offensichtlich tun, eine ganze Seite mit post an eine bestimmte URL, um die gleiche Funktionalität, aber ich bin ein großer fan von AJAX - /web-Methode-Kombinationen in ASP.NET. Oh, dies setzt auch Voraus, Sie sind mit ASP.NET zu veröffentlichen, um die Web-Methode. 😛

    Wenn Sie nicht wollen, um jQuery verwenden, können Sie implementieren Ihre eigenen AJAX-Funktion mit dem XMLHttpRequest-Objekt in JavaScript. Dieser Artikel hat ein schönes Beispiel, wie es zu implementieren, führen Sie GET /POST Aufrufe einer url.

    InformationsquelleAutor der Antwort FarligOpptreden

Schreibe einen Kommentar