![](/img/trans.png)
[英]How to upload canvas image through FormData/multipart with Jquery Ajax?
[英]How to upload a canvas image to java servlet in a multipart form?
我正在嘗試將畫布圖像(從網絡攝像頭拍攝中繪制)上傳到文件中,然后將其保存到 servlet。
JSP文件:
<form id="submissionForm" action="/PSA/SaveImageServlet" method="POST"
name="registrationForm" enctype="multipart/form-data">
<input name="camera1Image" type="image" id="camera1ImageID" style="visibility:hidden" />
<input name="camera1File" type="file" id="camera1FileID" style="visibility:hidden" />
<img name="camera1Img" src="" id="camera1ImgID" style="visibility:hidden" />
</form>
Javascript:
var canvas1 = document.querySelector('#canvas1');
var ctx = canvas1.getContext('2d');
w = canvas1.width;
h = canvas1.height;
ctx.drawImage(video1, 0, 0, w, h);
var dataUrl = canvas1.toDataURL("image/jpeg", 0.95);
var image = new Image();
image.src = dataUrl;
$("#camera1ImageID").attr("src", image.src);
$("#camera1FileID").attr("val", image.src);
$("#camera1ImgID").attr("src", image.src);
在 servlet 上我有輸出: contentType: application/octet-stream size: 0
我設法只用 ajax 提交了一個圖像數據,但是沒有 ajax 可以做到嗎?
非常感謝
有兩種發送方式,一種是將值設置為表單中的 input='hidden' 並使用提交按鈕提交,另一種方式是使用 Ajax 發送。 Servlet 獲取到 dataUrl String 值后,可以使用 Java 代碼將其轉換為 File 圖像。 http://stackoverflow.com/a/24163254/5374508可能有用。
HaoChih 5 月 21 日 16:50
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.