通图像从一个.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

回答

相关问题