เราเขียนเนื้อหาของไฟล์ภาพลงในไฟล์ HTML โดยตรง ข้อดีของสิ่งนี้คือมันช่วยประหยัดคำขอ HTTP ข้อเสียคือเบราว์เซอร์จะไม่แคชรูปภาพดังกล่าว ตอนนี้เราให้ JS:
ฟังก์ชั่น convertimgtobase64 (url, callback, outputFormat) {var canvas = document.createElement ('Canvas'), ctx = canvas.getContext ('2D'), IMG = ภาพใหม่; img.crossorigin = 'ไม่ระบุชื่อ'; img.onload = function () {canvas.height = img.height; canvas.width = img.width; ctx.drawimage (img, 0,0); var dataurl = canvas.todataurl (outputformat || 'image/png'); callback.call (นี่, dataurl); ผ้าใบ = null; - img.src = url;} convertimgtobase64 ('http://bit.ly/18g0vnp', ฟังก์ชั่น (base64img) {// base64dataurl});ตัวอย่างง่ายๆด้านบนของการแปลงการเชื่อมต่อภาพเป็นรูปแบบ Base64 โดย JS เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น