ยังไงฉันตั้งค่าข้อมูล:รูปภาพ/ประเภทของแฟ้ม dynamically?

Question 1

ฉันมีฐานข้อมูลซึ่งจะมีภาพต่างๆที่ช่วย BLOBs. ฉันสามารถเรียบร้อยแล้ใช้รูปภาพบนหน้าเหมือนแล้ว:

<img src="<?php echo 'data:image/jpeg;base64,'.base64_encode($image)?>" alt="Landing" width="150px">

แต่นี้ต้องการการตั้งค่าในส่วนขยายแฟ้มด้วยตนเองในที่แท้จริงแถลงการณ์ที่ data:image/jpeg;. ปัญหาคือฉันมีหลายของภาพต่างๆที่มีรูปแบบหลากหลาย name. ฉันอยากให้แน่ใจว่าคนประเภทของแฟ้มตั้งค่าเหมาะสมจากพื้นฐานที่แท้จริงส่วนขยายแฟ้มของเฉพาะแฟ้มสื่อสำหรับแต่ละภาพได้ที่นี่ ฉันต้องการอบการอาเรย์ซึ่งบรรจุทั้งหมดส่วนขยายแฟ้มสำหรับแฟ้มพวกนั้นก่อน

อย่างไรก็ดีฉันมีปัญหาการตั้งค่าในส่วนขยาย dynamically. ฉันแค่พยายามและเข้าแทนที่ '' เดี่ยวรื่องหมากับ "" เพื่ออนุญาตให้ฉันไปอย่างง่ายดายใช้ตัวแปรภายในของแถลงการณ์เหมือนแล้ว:

<img src="<?php echo "data:image/$images['monitor']['extension'];base64,".base64_encode($image)?>" alt="Landing" width="150px">

มันไม่ได้ผลเพราะว่า src ป้ายกำกับตัวเองมีสรื่องแล้วฉันเชื่อนะ ของฉันแบบ ide บอกฉันว่าเกิดข้อผิดพลาด Cannot use '[]' for reading. ฉันยังพยายามใช้ concatinated เดียวรื่องหมาแทน:

<img src="<?php echo 'data:image/' . $images['monitor']['extension'] . ';base64,'.base64_encode($image)?>" alt="Monitor" width="150px">

ซึ่งยังไม่ทำงาน ฉันไม่สามารถค้นหาทางออกไปออนไลน์ตัวเอง มันมีทางที่จะ dynamically ตั้งค่าส่วนขยายของเอกสาร? ถึงแม้ว่าการตั้งค่า jpeg สำหรับแต่ละภาพส่วนใหญ่ทำงานสำหรับตัวอย่าทำงั้นเพื่อ image/x-ico แท็บภาพไอคอน renders ภาพไม่สามารถเรียกใช้อย่างเหมาะสม

Question 2

สันนิษฐานว่าแก้จุดเหลือบรรจุจริงข้อมูลฐานสองของภาพได้ที่นี่

แค่ทำให้แน่ใจว่าคนส่วนเสริมที่ตรงกันกับที่ต้องการรูปแบบการสั่งงาน

jpg แฟ้ม:<img src="ข้อมูล:รูปภาพ/jpeg;base64,[base64_encoded_data]

แฟ้มภาพประเภท png:<img src="ข้อมูล:รูปภาพ/png;base64,[base64_encoded_data]

iconame แฟ้ม:<img src="ข้อมูล:รูปภาพ/ภาพไอคอน;base64,[base64_encoded_data]

ดังนั้นตัวอย่างตัวอย่างเช่นเป็นแบบต่อไปนี้:

<?php
$image=file_get_contents("http://www.createchhk.com/SO/sample1.png");

$file_ext = 'png';
?>

Test for PNG<br>
<img src="data:image/<?php echo $file_ext; ?>;base64,<?php echo base64_encode($image)?>" alt="Landing" width="50px"><br>


<?php
$image2=file_get_contents("http://www.createchhk.com/SO/sample1.jpg");
$file_ext2 = 'jpeg';
?>


Test for JPG<br>
<img src="data:image/<?php echo $file_ext2; ?>;base64,<?php echo base64_encode($image2)?>" alt="Landing2" width="50px"><br>

<?php
$image3=file_get_contents("http://www.createchhk.com/SO/sample1.ico");
$file_ext3 = 'icon';
?>


Test for JPG<br>
<img src="data:image/<?php echo $file_ext3; ?>;base64,<?php echo base64_encode($image3)?>" alt="Landing3" width="50px"><br>

ผลลัพท์สามารถถูกเห็นอยู่:

http://www.createchhk.com/SO/testSO_18Nov2021.php

Ken Lee · Answer 1 · 2021-11-18T15:58:08

สันนิษฐานว่าแก้จุดเหลือบรรจุจริงข้อมูลฐานสองของภาพได้ที่นี่

แค่ทำให้แน่ใจว่าคนส่วนเสริมที่ตรงกันกับที่ต้องการรูปแบบการสั่งงาน

jpg แฟ้ม:<img src="ข้อมูล:รูปภาพ/jpeg;base64,[base64_encoded_data]

แฟ้มภาพประเภท png:<img src="ข้อมูล:รูปภาพ/png;base64,[base64_encoded_data]

iconame แฟ้ม:<img src="ข้อมูล:รูปภาพ/ภาพไอคอน;base64,[base64_encoded_data]

ดังนั้นตัวอย่างตัวอย่างเช่นเป็นแบบต่อไปนี้:

<?php
$image=file_get_contents("http://www.createchhk.com/SO/sample1.png");

$file_ext = 'png';
?>

Test for PNG<br>
<img src="data:image/<?php echo $file_ext; ?>;base64,<?php echo base64_encode($image)?>" alt="Landing" width="50px"><br>


<?php
$image2=file_get_contents("http://www.createchhk.com/SO/sample1.jpg");
$file_ext2 = 'jpeg';
?>


Test for JPG<br>
<img src="data:image/<?php echo $file_ext2; ?>;base64,<?php echo base64_encode($image2)?>" alt="Landing2" width="50px"><br>

<?php
$image3=file_get_contents("http://www.createchhk.com/SO/sample1.ico");
$file_ext3 = 'icon';
?>


Test for JPG<br>
<img src="data:image/<?php echo $file_ext3; ?>;base64,<?php echo base64_encode($image3)?>" alt="Landing3" width="50px"><br>

ผลลัพท์สามารถถูกเห็นอยู่:

http://www.createchhk.com/SO/testSO_18Nov2021.php

มันได้ผล! ฉันได้ย้ายข้อมูล:รูปภาพ/และ;base64 ที่ HTML แทนที่จะเป็นพลังงานสะท้อนและของภาพไหนเลย! ขอบคุณ!

ยังไงฉันตั้งค่าข้อมูล:รูปภาพ/ประเภทของแฟ้ม dynamically?

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่