Rumah > Artikel > hujung hadapan web > Bagaimanakah Saya Boleh Memaksa Penyemak Imbas untuk Muat Turun Fail Imej pada Klik?
Memaksa Penyemak Imbas Muat Turun Fail Imej dengan Klik
Isu:
Pengguna sering menghadapi masalah perlu memuat turun fail imej daripada pelayar. Walau bagaimanapun, mengklik pada imej biasanya hanya membukanya dalam tab atau tetingkap yang sama, tidak seperti tingkah laku yang dipamerkan apabila mengklik pada helaian Excel, yang menggesa pengguna untuk menyimpan fail.
Penyelesaian:
Melaksanakan fungsi ini menggunakan pengaturcaraan sisi klien melibatkan proses dua langkah:
Tambahkan Atribut 'muat turun' pada Pautan:
HTML5 memperkenalkan atribut 'muat turun', yang boleh ditambahkan pada teg sauh yang menghala ke URL imej. Atribut ini memberi isyarat kepada penyemak imbas yang mematuhi bahawa sumber yang dipautkan harus dimuat turun sebagai fail.
Kendalikan Acara Klik:
Untuk menghalang penyemak imbas tindakan lalai membuka imej dalam tab yang sama, kendalikan acara 'klik' pada tag anchor yang mengandungi pautan imej. Gunakan pengendali acara ini untuk memanggil fungsi yang menyimpan imej ke komputer pengguna.
Contoh Pelaksanaan:
Dalam kod yang disediakan, a Pengendali acara 'klik' dilampirkan pada dokumen, yang menyemak sama ada elemen yang diklik ialah teg sauh yang mengandungi teks "Imej." Jika ya, ia memanggil fungsi saveImageAs1, yang:
Gelagat Muat Turun Helaian Excel:
Dalam kes Helaian Excel, penyemak imbas secara automatik menetapkan pengepala 'Pelupusan Kandungan' kepada 'lampiran,' yang mengarahkan penyemak imbas untuk menggesa pengguna untuk menyimpan fail. Anda boleh mencapai gelagat yang serupa untuk fail imej dengan mensimulasikan pengepala ini di bahagian belakang. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa ini adalah pelaksanaan bahagian pelayan dan berada di luar skop pengaturcaraan pihak klien sahaja.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaksa Penyemak Imbas untuk Muat Turun Fail Imej pada Klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!