วิธีอัปโหลดตัวอย่างภาพโดย JS

บทความนี้อธิบายวิธีการอัปโหลดตัวอย่างภาพโดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:

คัดลอกรหัสดังนี้: ฟังก์ชัน previewImage (imgfile)

-

var fileextension = imgfile.value.substring (imgfile.value.lastindexof ("."), imgfile.value.length);

fileextension = fileextension.toLowerCase ();

if ((fileextension! = '. jpg') && (fileextension! = '. gif') && (fileextension! = '. jpeg') && (fileextension! = '. png') && (fileextension! = '. bmp'))

-

การแจ้งเตือน ("ขออภัยระบบรองรับภาพถ่ายในรูปแบบมาตรฐานเท่านั้นโปรดปรับรูปแบบและอัปโหลดอีกครั้งขอบคุณ!");

imgfile.focus ();

-

อื่น

-

เส้นทาง var;

if (document.all) // เช่น

-

imgfile.select ();

path = document.selection.createrange (). ข้อความ;

document.getElementById ("imgpreview"). innerhtml = "";

document.getElementById ("imgpreview"). style.filter = "progid: dximagetransform.microsoft.alphaimageLoader (enabled = 'true', sizingMethod = 'scale', src =/" "path +"/")

-

อื่น // ff

-

path = imgfile.files [0] .getasdataurl ();

document.getElementById ("imgpreview"). innerhtml = "<img id = 'iMg1' width = '120px' ความสูง = '100px' src = '"+พา ธ+"'/>";

// document.getElementById ("IMG1"). src = path;

-

-

-

เรียกว่า:

คัดลอกรหัสดังนี้: อัปโหลดภาพ: <อินพุต type = "file" name = "ไฟล์"

Style = "Width: 200px; ความสูง: 20px;" onChange = "previewImage (this)" id = "upload" />

<div id = "imgpreview">

</div>

เอฟเฟกต์การดำเนินการแสดงในรูปด้านล่าง:

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน