ฉันจะไม่อธิบายรายละเอียดเกี่ยวกับไฟล์ API ที่นี่ เพื่อนมาดูแลตัวเองกันเถอะ เมื่อเรามาเราต้องใช้ที่จับไฟล์เพื่ออ่านเนื้อหาไฟล์ นี่คือความสำเร็จผ่าน Filereader ผ่านอินเทอร์เฟซ filereader เราสามารถโหลดเนื้อหาไฟล์แบบอะซิงโครนัสลงในหน่วยความจำและกำหนดตัวแปร JS บางตัว
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่น getimgsrc (เป้าหมายการโทรกลับ) {
if (window.filereader) {
var opreviewimg = null, OfReader = new window.filereader ();
Ofreader.onload = ฟังก์ชั่น (OfRevent) {
opreviewimg = ภาพใหม่ ();
var type = target.files [0] .type.split ("/") [1];
var src = OfRevent.target.result;
opreviewimg.src = src;
if (typeof callback == "function") {
การโทรกลับ (opreviewimg, target, type, src);
-
ส่งคืน opreviewimg.src;
-
return (function () {
var afiles = target.files;
if (afiles.length === 0) {
กลับ;
-
if (! isimgtype (afiles [0] .type)) {
การแจ้งเตือน ("คุณต้องเลือกไฟล์ภาพที่ถูกต้อง!");
กลับ;
-
if (afiles [0] .size> 1024 * 1024) {
target.value = "";
การแจ้งเตือน ('โปรดอัปโหลดขนาดไฟล์ภาพน้อยกว่า 1m');
กลับ;
-
Ofreader.readasdataurl (afiles [0]);
-
-
if (navigator.appname === "Microsoft Internet Explorer") {
return (function () {
document.getElementById ("ImagePreview"). filters.item ("dximagetransform.microsoft.alphaimageloader"). src = target.value;
-
-
-
ด้านบนเป็นรหัสคีย์สำหรับการอัปโหลดรูปภาพด้วย JavaScript รวมกับ FileReader คุณชอบไหม