-1

みんな私はプログラミングに不慣れで、divに表示されている写真をサーバーに保存する方法を本当に知りません。私はJavaアプリケーションを使用していて、divに画像を表示して、後でサーバーに保存しようとしています。私が知っているように、javascript変数は、クライアントとサーバーの互換性のためにjspまたはサーブレットで宣言できません。URLをajaxに渡そうとしていますが、base64の長い文字列が原因で、サーバーに表示されません。このような長い文字列をjspやサーブレットページに渡すことはできないと思います。文字列を渡したり、画像をサーバーに保存したりする別の方法はありますか？

function GetXmlHttpObject() {
var xmlHttp=null;
try {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e) {
 //Internet Explorer
 try {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e) {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

function ajax() {   

xmlHttp=GetXmlHttpObject(); 
var url="/ServletExten/XmlServletGen";
url=url+"?datax=" +cordXSend +"&datay=" +cordYSend +"&sizew=" +canvasWidth +"&sizeh=" +canvasHeight ;
alert(url); 
xmlHttp.open("POST",url,true);
xmlHttp.send(null);
}
4

1 に答える 1

7

そのような入力要素を作成し、

 <form id="fileupf" action="fileup.php" method="post" enctype="multipart/form-data">
      <input type="file" id="fileup" name="file" accept="image/*" >
 </form>

それからajaxで、

$('#fileupf').ajaxForm({
    complete: function(xhr) {
        alert("Upload complete");   
    } 
});

PHPでは、

<?php
$target_path = "uploaded_images/";

$file_name = $_FILES["file"]["name"];
$random_digit=rand(0000,9999);
$new_file_name=$random_digit.$file_name;

$target_path = $target_path . basename( $new_file_name); 
?>

キャンバスの描画を保存する場合は、

Javascript、

var canvasData = canvas.toDataURL("image/png");
var ajax = new XMLHttpRequest();
ajax.open("POST",'save.php',false);
ajax.setRequestHeader('Content-Type', 'application/upload');
ajax.send(canvasData);

PHP、

<?php 
if (isset($GLOBALS["HTTP_RAW_POST_DATA"]))
{
    // Get the data
    $imageData=$GLOBALS['HTTP_RAW_POST_DATA'];


    $filteredData=substr($imageData, strpos($imageData, ",")+1);

    $unencodedData=base64_decode($filteredData);

    $random_digit=md5(uniqid(mt_rand(), true));

    $fp = fopen( 'yourfolder/new'.$random_digit.'.png', 'wb' );
    fwrite( $fp, $unencodedData);
    fclose( $fp );
}
?>
于 2012-12-24T07:41:49.560 に答える