Mengapakah `canvas.toDataURL()` membuang pengecualian keselamatan apabila memuatkan imej daripada pelayan lain?

Menyiasat Pengecualian Keselamatan dalam Canvas.toDataURL()

Semasa membuat visualisasi imej, anda mungkin menghadapi pengecualian keselamatan yang tidak dijangka semasa memanggil kanvas. toDataURL(). Mari kita selidiki sebab di sebalik ralat ini dan teroka penyelesaian untuk menanganinya.

Dalam konteks kod yang disediakan, isu timbul apabila cuba menggunakan toDataURL() pada imej yang dimuatkan daripada pelayan lain, seperti http://www.ansearch.com/images. Mengikut spesifikasi W3C, operasi ini tidak dibenarkan kerana kebimbangan keselamatan.

Kaedah toDataURL() direka bentuk untuk menukar kandungan elemen kanvas kepada URL Data atau rentetan imej. Walau bagaimanapun, jika kanvas mengandungi imej daripada sumber silang asal, mengakses datanya akan melanggar dasar asal yang sama dan menimbulkan risiko keselamatan.

Untuk mengelakkan perkara ini, penyemak imbas menguatkuasakan bendera "bersih asal" pada elemen kanvas. Jika kanvas mengandungi sebarang imej silang asal, bendera ditetapkan kepada palsu dan memanggil keDataURL() akan mengeluarkan pengecualian SECURITY_ERR.

Malangnya, jika imej itu datang daripada pelayan lain, anda tidak boleh menggunakan terus toDataURL() untuk mendapatkan semula datanya. Pertimbangkan pendekatan alternatif, seperti menggunakan CORS (Cross-Origin Resource Sharing) untuk mengendalikan permintaan silang asal.

Atas ialah kandungan terperinci Mengapakah `canvas.toDataURL()` membuang pengecualian keselamatan apabila memuatkan imej daripada pelayan lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!