บทความนี้อธิบายวิธีการใช้เอฟเฟกต์ตัวอย่างภาพก่อนที่จะอัปโหลดรูปภาพโดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังต่อไปนี้: <! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> เอฟเฟกต์ภาพตัวอย่างก่อนอัปโหลดรูปภาพโดย JS </title>
</head>
<body>
<อินพุต id = "myFile" type = "ไฟล์" />
<br />
<img src = "/images/logo.gif"/>
<div id = "info"> </div>
<script type = "text/javascript">
var dfile = document.getElementById ('myfile');
var dimg = document.getElementsByTagname ('img') [0];
var dinfo = document.getElementById ('ข้อมูล');
dfile.onchange = function () {
if (! dfile.value.match (/. jpg | .gif | .png | .bmp/i)) {แจ้งเตือน ('ประเภทไฟล์ต้องเป็น: .jpg, .gif, .bmp หรือ .png!'); return;}
if (dfile.files) {
dimg.src = dfile.files [0] .getasdataurl ();
} อื่นถ้า (dfile.value.indexof ('//')> -1 || dfile.value.indexof ('//')> -1) {
dimg.src = dfile.value;
-
-
</script>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน