如何將圖像從一個jsp傳遞到另一個jsp

在一個按鈕上單擊我調用一個腳本來獲取畫布圖像。我採取的位置。我需要將此圖像源傳遞到另一個需要顯示此圖像的jsp文件。如何將圖像從一個jsp傳遞到另一個jsp

你能幫我解決這個問題嗎？

<%@ page contentType="text/html;charset=UTF-8" %> 
<html> 
<head> 
    <script> 
     function draw() { 
      var canvas = document.getElementById("canvas"); 
      var ctx = canvas.getContext("2d"); 
      ctx.fillStyle = "black"; 
      ctx.beginPath(); 
      var x; 
      var y; 
      canvas.onmousedown = function(e) { 
       x = e.clientX; 
       y = e.clientY; 
       ctx.moveTo(x, y); 
      } 
      canvas.onmouseup = function(e) { 
       x = null; 
       y = null; 
      } 
      canvas.onmousemove = function(e) { 
       if (x == null || y == null) { 
        return; 
       } 
       x = e.clientX; 
       y = e.clientY; 
       x -= canvas.offsetLeft; 
       y -= canvas.offsetTop; 
       ctx.lineTo(x, y); 
       ctx.stroke(); 
       ctx.moveTo(x, y); 
      } 
     }; 
     function to_image(){ 
      var canvas = document.getElementById("canvas"); 
      document.getElementById("theimage").src = canvas.toDataURL(); 
     } 
     function clear_image(){ 
      var canvas = document.getElementById('canvas'); 
      var context = canvas.getContext('2d'); 
      context.fillStyle = '#ffffff'; 
      context.clearRect(0, 0, canvas.width, canvas.height); 
      canvas.width = canvas.width; 
     } 
    </script> 
</head> 
<body onload="draw();"> 
<canvas id="canvas" width="300" height="300" 
style="border: 1px solid black;"></canvas> 
<div><button onclick="to_image()">Draw to Image</button></div> 
<div><button onclick="clear_image()">Clear</button></div> 
<image id="theimage"></image> 
</body> 
</html>

我需要傳遞的document.getElementById（「theimage」）的值。SRC到另一個jsp和訪問該值dispaly圖像。

有人能幫我解決這個問題嗎？

來源

2012-10-26 user1776272

如果你的意思是，你會加載第二個頁面圖像上從第一頁點擊一個按鈕（您已粘貼代碼），那麼只需更新代碼：

{ 

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

     //-- Following code can be placed wherever you want to call another page. 
     window.location = "urlToSecondJSPPage.jsp?imgUrl="+dataUrl; 

    }

然後imgUrl的（URL參數）可以從第二頁訪問。

來源

2012-10-26 06:50:34 Moon

如何將圖像從一個jsp傳遞到另一個jsp

回答

相關問題