Whakaahua ki te Base64

1. Kupu Whakataki

Kaihuri Atahanga ki Base64 he taputapu tuihono māmā e huri ana i tētahi kōnae atahanga kua tukuakehia hei aho kua whakamunatia ki te Base64. Ko te Base64 he whakaaturanga ā-kuputuhi o ngā raraunga ā-rua (binary), e āhei ai ngā atahanga kia whakaurua tikatia ki roto i te HTML, CSS, JSON, me ngā uta raraunga API, me te kore e hiahiatia he tono kōnae motuhake.

He maha ngā wā ka whakamahia tēnei taputapu e ngā kaiwhakawhanake paetukutuku, ngā kaipūkaha frontend, ngā kaiwhakauru API, me ngā kaihoahoa tauira īmēra e hiahia ana ki te whakauru tika i ngā atahanga ki roto i ā rātou waehere. Hei utu mō te manaaki i tētahi kōnae atahanga me te whakamahi i tōna URL, ka taea e koe te huri hei aho Base64, ā, ka whakauru ki roto i tētahi data URI. He tino whaihua tēnei mō ngā ata iti, ngā waitohu, ngā tauira īmēra, me ngā pūnaha haumaru e aukatia ana ngā tono kōnae o waho.

Ahakoa kei te hanga koe i tētahi taupānga paetukutuku, kei te whakapai ake rānei i te tuku rauemi, kei te whakauru rānei i ngā atahanga ki tētahi whakautu API, ka whakarato tēnei taputapu i tētahi huarahi tere, haumaru hoki hei huri i ngā kōnae atahanga ki te hōputu Base64.

2. Me Pēhea Te Mahi

Ka whakaae te taputapu ki tētahi kōnae atahanga kua tukuakehia, ā, ka huri i tōna ihirangi ā-rua hei aho kua whakamunatia ki te Base64. Ka mahi te whakamunatanga Base64 mā te huri i ngā raraunga ā-rua hei pūāhua ASCII. Nā tēnei ka haumaru te tuku raraunga atahanga mā waenga i ngā pūnaha e whakamahi ana i ngā hōputu ā-kuputuhi pērā i te JSON, HTML, me te XML.

Tawhā Tāuru

• Atahanga (tukuake kōnae) – Te kōnae atahanga i tīpakohia e te kaiwhakamahi mō te hurihanga.

Ngā Momo Kōnae E Tautokohia Ana

Ko ngā hōputu atahanga motuhake anake ka whakaaetia hei whakarite i te hototahitanga me te haumaru:

• .gif
• .png
• .jpg
• .jpeg
• .svg

Ngā Ture Whakamana

• Me puta pai te tono i te arowhai haumaru CSRF.
• Kaua te kōnae kua tukuakehia e nui ake i te rahinga tukuake mōrahi o te tūmau.
• Kaua te kōnae e whai hapa tukuake.
• Me ōrite te toronga kōnae ki tētahi o ngā hōputu atahanga kua whakaaetia.

Arorau Tukatuka

Ina oti pai te whakamana o te kōnae kua tukuakehia:

1. Ka penapenahia te kōnae atahanga ki te tūmau mō tētahi wā poto.
2. Ka pānuihia ngā ihirangi ā-rua o te kōnae.
3. Ka whakamunatia ngā raraunga ā-rua mā te Base64.
4. Ka whakahokia mai te aho kua whakamunatia hei hua.

Hōputu Putanga

Ka whakaputa te taputapu i tētahi aho Base64 e tohu ana i te kōnae atahanga. Kāore te putanga e whakauru aunoa i te kuhimua data:image/...;base64,, nō reira me tāpiri pea koe i te momo MIME tika i te wā e whakauru ana ki te HTML, CSS rānei.

Ngā Herenga

• Tērā pea ka nui rawa ngā atahanga nui mō ngā here tukuake o te tūmau.
• Ka whakapiki te whakamunatanga Base64 i te rahi o te kōnae mō te 33% pea.
• Kāore e pai mō ngā rawa nui o te taiao whakaputa nā te pānga ki te mahinga.

3. Me Pēhea Te Whakamahi I Tēnei Taputapu

1. Pāwhiria te pātene tukuake.
2. Tīpakohia tētahi kōnae atahanga e tautokohia ana (GIF, PNG, JPG, JPEG, rānei SVG).
3. Tukuna te puka.
4. Tatari kia tukatukahia te atahanga e te taputapu.
5. Tāruatia te aho Base64 i hangaia.
6. Whakamahia taua aho ki tō HTML, CSS, JSON, uta raraunga API rānei.

4. Ngā Tauira Whaitake

Tauira 1: Te Whakauru Waitohu ki HTML

Tāuru: logo.png (5 KB)

Putanga (kua whakapotohia):

iVBORw0KGgoAAAANSUhEUgAA...

Hei whakamahi ki HTML:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />

Ka whakakore tēnei i te hiahia mō tētahi tono kōnae atahanga motuhake.

Tauira 2: Te Tuku Raraunga Atahanga ki te JSON API

Tāuru: avatar.jpg

Putanga (kua whakapotohia):

/9j/4AAQSkZJRgABAQAAAQABAAD...

Tauira uta raraunga JSON:

{
  "username": "john_doe",
  "avatar": "/9j/4AAQSkZJRgABAQAAAQABAAD..."
}

He whaihua tēnei i te wā e tukuake ana i ngā atahanga mā ngā API e whakaae ana ki ngā uta raraunga ā-kuputuhi anake.

5. Ngā Take Whakamahi Mā Ngā Kaiwhakawhanake

- Ngā Rawa Kua Whakaurua ki Ngā Taupānga Paetukutuku

Ka taea e ngā kaiwhakawhanake te whakauru tika i ngā ata iti, ngā wāhanga atanga kaiwhakamahi rānei ki ngā kōnae CSS mā te whakamahi i te Base64 hei whakaiti i ngā tono HTTP.

- Te Whakawhanake Tauira Īmēra

He maha ngā kiritaki īmēra e aukati ana i ngā atahanga o waho. Mā te huri i ngā atahanga ki te Base64 ka taea te whakauru tika ki ngā īmēra HTML.

- Ngā Pūnaha Tukuake Atahanga E Hāngai Ana ki te API

Ka taea e ngā taupānga pūkoro, ngā taupānga frontend rānei te huri i ngā atahanga ki te Base64 i mua i te tuku atu ki ngā API backend.

- Ngā Taupānga Haumaru, Tuimotu Rānei

Ka taea e ngā taupānga e whakahaerehia ana i ngā taiao kua herea te whakauru tika i ngā atahanga me te kore e whakawhirinaki ki te manaaki kōnae.

Tauira PHP

$imageData = file_get_contents('logo.png');
$base64 = base64_encode($imageData);
echo $base64;

Tauira JavaScript

const reader = new FileReader();
reader.onload = function() {
  const base64String = reader.result.split(',')[1];
  console.log(base64String);
};
reader.readAsDataURL(fileInput.files[0]);

Ngā Whakaaro Haumaru

• Whakamana tonutia ngā momo kōnae i te tūmau.
• Whakatinanahia ngā here rahinga tukuake.
• Whakamahia te whakamarumaru CSRF ki ngā puka.
• Whakapaihia me te whakamana i ngā toronga kōnae.

6. Pātai Auau

He aha te whakamunatanga Base64 mō ngā atahanga?

Ka huri te whakamunatanga Base64 i ngā raraunga atahanga ā-rua hei aho ā-kuputuhi kia taea ai te whakauru ki te HTML, CSS, rānei JSON.

He aha i huri ai i tētahi atahanga ki te Base64?

Ka taea te whakauru tika i ngā atahanga ki te waehere, ā, ka whakakore i ngā tono kōnae o waho.

Ka nui ake rānei te rahi o te kōnae nā te Base64?

Āe. Ka whakapiki te whakamunatanga Base64 i te rahi o te kōnae mō te 33% pea i whakaritea ki te kōnae ā-rua taketake.

Ka taea e au te huri i te SVG ki te Base64?

Āe. E tautokohia ana ngā kōnae SVG, ā, ka taea te whakamuna pēnei i ērā atu hōputu atahanga.

He pai rānei te Base64 mō ngā atahanga nui?

Kāo. Ka pā kino ngā aho Base64 nui ki te mahinga me te whakapiki i te wā uta whārangi.

He haumaru rānei tēnei taputapu?

Ka whakamana te taputapu i ngā momo kōnae, ka whakatinana i ngā here tukuake, ā, ka whakamahi i te whakamarumaru CSRF kia noho haumaru ai te tukatuka.