อยากทำ download ไฟล์ที่เป็น binary ใน javascript

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16184
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

อยากทำ download ไฟล์ที่เป็น binary ใน javascript

โพสต์ที่ยังไม่ได้อ่าน โดย eange08 »

แปลงรูปให้เป็น binary > แล้วส่งเข้าที่ไฟล์ javascript > แล้วทำเป็น link กด download เป็นไฟล์รูปออกมา จะต้องมีไฟล์ php แปลงอีกทีใช่ไหมค่ะ พอจะมีตัวอย่างโค้ดไหมค่ะ
ไฟล์ upload.php ที่แปลงไฟล์รูปเป็น binary

โค้ด: เลือกทั้งหมด

   $fileImg =  'uploads/before/'.$_FILES['upl']['name'];
	$binaryPic = base64_encode_image ($fileImg,$_FILES['upl']['type']);  //----ใช้ function แปลงรูปเป็น binary 
 header('Content-type: application/json');
		echo '{"status":"success", "filename": "'.$_FILES['upl']['name'].'","fileimgsize":"640x640","filesize":"'.$show_file_img_before_size.'","fileblob":"'.$binaryPic.'"}';
		exit;
		
	}
ในไฟล์ javascript

โค้ด: เลือกทั้งหมด

   var jqXHR = data.submit();
	    row=parseInt(row)+1;
                jqXHR.done(function(result) {
                    
	    tpl.find('.aft').text(result.filename).append('<i>Size '+result.fileimgsize+'<br><div style="color:#ff29e6;">'+result.filesize+'</div></i>');	  
             //-----ส่วนที่จะกด download ออกมาเป็นไฟล์รูป 
             //----result.fileblob เป็นตัวที่ส่งมาเป็น binary 
                   tpl.find('.download').append('<a href="exportimg.php?val='+result.fileblob+'">Download</a><br><i style="color:#000">40%</i>');
       


                    console.log(result.status);
                });
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41232
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: อยากทำ download ไฟล์ที่เป็น binary ใน javascript

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ลองดูจากบทความนี้
ส่วนของ php บอก browser ให้ download ไฟล์ภาพ

โค้ด: เลือกทั้งหมด

header("Cache-Control: no-store, no-cache");  
header('Content-Disposition: attachment; filename="mindphp-download.jpg"');
เพิ่มเติมเรื่องที่ใกล้เคียงกัน
https://www.mindphp.com/developer/67-%E ... e-url.html
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: Amazon [Bot] และบุคลทั่วไป 124