通圖像從一個.JSP到另一個.JSP

我想要的圖像文件上傳一個頁面，它傳遞到另一個顯示它有像（基於this問題）：

first.jsp

<form method="post" onsubmit="save()" action="second.jsp" enctype="multipart/form-data"> 
    <input type="file" name="openFile" onchange="reloadPreview()"> 
    <canvas name="preview"></canvas> 
    <input type="submit" value="Save"/> 
</form> 
<script> 
    function reloadPreview(){ 
     var preview = document.getElementsByName("preview")[0]; 
     var file = document.getElementsByName("openFile")[0].files[0]; 
     var reader = new FileReader(); 
     var picture = new Image; 

     reader.onloadend = function() { 
      picture.src = reader.result; 
      preview.width = picture.width; 
      preview.height = picture.height; 
      var context = preview.getContext("2d"); 
      context.drawImage(picture, 0, 0); 
      dataUrl = preview.toDataURL(); 
     }; 

     if (file) { 
      reader.readAsDataURL(file); 
     } 
    } 

    function save() { 
     window.location = "second.jsp?imgUrl="+dataUrl; 
     document.getElementById("form").submit(); 
    } 

    var dataUrl; 
</script>

1）我應該怎麼做才能從second.jsp訪問帆布的內容？

2）我可以訪問openFile文件而不上傳到canvas（例如，如果文件不是圖像）？

來源

2016-11-16 AndrewR

的過程是1）你把文件上傳到服務器的方式，它是通過一個URL訪問和2）您傳遞的網址以某種方式（會話屬性，數據庫，無論）到第二個JSP，所以你可以使用它來生成正確的HTML/JS代碼。 – SJuan76

-1

來源：

<%session.setAttribute("Down1","download.png");%> 
<td>Image: </td> 
<td><img src="download.png" width="516" height="516" alt="Down" name="Down1"/></td>

目的地：

<td><img src="download.png" width="516" height="516" alt="Down" name="Down1"/></td>

來源

2017-07-20 18:12:23

這個答案並不試圖回答問題中明確提到的兩個問題。 – avojak

通圖像從一個.JSP到另一個.JSP

回答

相關問題