html图像如何上传,HTML5：直接绘制和上传图像

我会添加一个不可见的表单，以及一个按钮，当它被点击时触发不可见文件输入上的点击事件。

您的HTML

Download

Select file

Send

你的JS

(function() {

var canvas = document.getElementById('c'),

cxt = canvas.getContext('2d'),

downloadLink = document.getElementById('download-canvas');

cxt.fillStyle = 'red';

cxt.fillRect(100, 50, 200, 200);

cxt.clearRect(150, 100, 100, 100);

downloadLink.href = canvas.toDataURL();

downloadLink.download = "download.png";

var button = document.getElementById('upload');

button.addEventListener("click", showForm);

})();

function showForm(){

$("#upload").click();

}