[英]How to upload image in web page using Javascript?
我想在網頁中上傳圖像。 代碼中沒有錯誤，但我仍然無法在網頁中上傳圖像並將其顯示在畫布中。 圖像已上傳到網頁中，但未顯示在我創建的畫布中。 請幫我找出我的代碼有什么問題？ 這是hole html頁面的代碼。
function upload(){ var dd=document.getElementById('can'); var filein=document.getElementById('finp'); var img = new SimpleImage(filein); img.drawTo(dd); } function docolor(){ var dd1=document.getElementById("can2"); var colin=document.getElementById("clr"); var col=colin.value; dd1.style.backgroundColor=col; }
<html> <head> <script src="http://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js"></script> </head> <body> <h3>HTML code for canvas and upload button</h3> <canvas id="can"> </canvas> <h3>Load Image</h3> <input type="file" multiple="false" accept="image/*" id="finp" onclick="upload()" > </body> </html>
我認為您在 HTML 元素和 JS 代碼中使用的 ID 不匹配。
function upload(){ var dd=document.getElementById('can'); var filein=document.getElementById('finp'); var img = new SimpleImage(filein); img.drawTo(dd); } function docolor(){ var dd1=document.getElementById("can2"); var colin=document.getElementById("clr"); var col=colin.value; dd1.style.backgroundColor=col; }
<script src="http://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js" ></script> <canvas id='can' class='canvasRoundCorders'></canvas> <input id='finp' type='file' accept='image/*' onchange="upload()">
如何使用javascript或jquery中的圖片網址上傳圖片？
[英]How to upload an image using image url from web in javascript or jquery?
如何使用html，javascript / jquery上傳圖像並將其顯示在同一頁面中
[英]How to upload an image and display it in the same page using html, javascript / jquery
如何使用JavaScript打印網頁上的超大圖像
[英]How to print a very large image that is on the web page using JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.