0

ユーザーの署名を SVG としてキャプチャする HTML ページがあります。ページ上で .png に変換し、画像コンテナーに入れます。

これを利用してデータベースにアクセスするにはどうすればよいですか? を使用してそれを行う方法は知っていますが、要素を PHP に<input type="file" />渡す方法がわかりません。<img />

これにより、SVGがPNGに変更されます

       $("#save").click(function(){
          var datapair = sigdiv.jSignature("getData", "svg");
          var i = new Image();
          i.src = "data:" + datapair[0] + "," + datapair[1];
          $(i).appendTo($("#outputSvg"));

          var canvas = document.getElementById("canvas");

          canvg(canvas, datapair[1]);

          var img = canvas.toDataURL("image/png");
          $("#outputRaster").append("<img src='"+img+"'/>");
        });

<img />生成しているタグを取得<div id='outputRaster'>して PHP に渡すにはどうすればよいですか? 私はそれをデータベースに入れる方法を知っています。実際には、データアクセスにのみ使用されているビューレイヤーから PHP ページに画像を取得するだけです。

どんな助けやアドバイスも大歓迎です！

4

3 に答える 3

3

画像をファイルとして保存します。ファイル パスをデータベースに保存します。

レオン

于 2012-12-06T20:04:35.043 に答える
0

画像自体について話している場合は、BLOB を調べてください (BLOB は Binary Large Objects の略です)。これらは、データベースに大きなバイナリ データを格納する方法です。

タグについて話している場合は、他のテキストと同じように保存します。

于 2012-12-06T20:04:29.933 に答える
0

画像へのパスを保存するだけでよいとします (画像はサーバーに保存されているか、インターネットから使用しています)。

   $("#save").click(function(){
      var datapair = sigdiv.jSignature("getData", "svg");
      var i = new Image();
      i.src = "data:" + datapair[0] + "," + datapair[1];
      $(i).appendTo($("#outputSvg"));

      var canvas = document.getElementById("canvas");

      canvg(canvas, datapair[1]);

      var img = canvas.toDataURL("image/png");
      $("#outputRaster").append("<img src='"+img+"'/>");
      imageTag = "<img src='"+img+"'/>";
      //$.ajax( {url : yourUrl , data: imageTag} );
    });

jQuery を使用して画像をアップロードする必要がある場合は、この記事をお読みください:リンク

于 2012-12-06T20:22:30.607 に答える