Rumah hujung hadapan web tutorial js Contoh pemalam jQuery yang mengehadkan saiz dan format fail yang dimuat naik_jquery

Contoh pemalam jQuery yang mengehadkan saiz dan format fail yang dimuat naik_jquery

May 16, 2016 pm 04:18 PM
jquery Muat naik fail saiz pemalam Format had

Contoh dalam artikel ini menerangkan pemalam jQuery yang mengehadkan saiz dan format fail yang dimuat naik. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Apabila memuat naik fail pada klien, biasanya perlu mengehadkan saiz dan format fail Kaedah yang paling biasa ialah menggunakan pemalam tertentu yang mempunyai antara muka yang cantik dan fungsi yang berkuasa. tetapi satu-satunya kelemahan ialah: kadangkala anda menghadapi masalah keserasian Penyemak Imbas. Dalam artikel ini, kami akan menulis pemalam jQuery "asal" yang boleh mengehadkan saiz dan format fail yang dimuat naik.

Mula-mula, tulis pemalam bernama checkFileTypeAndSize.js. Hadkan format fail dengan menilai sama ada nama akhiran fail semasa disertakan dalam tatasusunan nama akhiran yang dibenarkan oleh pratetap dengan menilai sama ada saiz fail semasa di bawah IE dan pelayar lain adalah lebih besar daripada saiz fail maksimum yang dibenarkan oleh pratetap, untuk mengehadkan saiz fail dan menyediakan fungsi panggil balik untuk ralat format, melebihi saiz had dan syarat mesyuarat.

Salin kod Kod adalah seperti berikut:
(fungsi ($) {
$.fn.checkFileTypeAndSize = fungsi (pilihan) {
//Tetapan lalai
      var lalai = {
              dibenarkan Sambungan: [],
                 Saiz maksimum: 1024, //Unit ialah KB, saiz fail maksimum lalai ialah 1MB=1024KB
Kejayaan: fungsi () { },
              extensionerror: function () { },
sizeerror: fungsi () { }
        };
//Gabungkan tetapan
pilihan = $.lanjutkan(lalai, pilihan);
//Unsur lintasan
          kembalikan ini.setiap(fungsi () {
                $(this).on('change', function () {
//Dapatkan laluan fail
              var filePath = $(this).val();
//Laluan fail dalam huruf kecil
              var fileLowerPath = filePath.toLowerCase();
//Dapatkan nama akhiran fail
            sambungan var = fileLowerPath.substring(fileLowerPath.lastIndexOf('.') 1);
//Tentukan sama ada nama akhiran disertakan dalam tatasusunan nama akhiran pratetap dan dibenarkan
Jika ($.inArray(extension, options.allowedExtensions) == -1) {
options.extensionerror();
                            $(ini).fokus();
                    } lain {
                     cuba {
                        saiz var = 0;
Jika ($.browser.msie) {//iaitu versi lama penyemak imbas
                                                                   var fileMgr = new ActiveXObject("Scripting.FileSystemObject");
                                                                                                                                                                                          var fileObj = fileMr. saiz = fileObj.size; //bait
saiz = saiz / 1024;//kb
//saiz = saiz / 1024;//mb
                                    } lain {//Pelayar lain
saiz = $(this)[0].fail[0].saiz;//bait
saiz = saiz / 1024;//kb
//saiz = saiz / 1024;//mb
                                                                                                                                                    Jika (saiz > pilihan.maxSize) {
options.sizeerror();
                            } lain {
options.success();
                                                                                                                                                                                     } tangkap (e) {
alert("Ralat: "e);
                 }
                }
            });
});
};
})(jQuery);

Memanggil pelanggan menjadi sangat mudah.


@skrip bahagian
{

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah direktori pemasangan sambungan pemalam Chrome? Apakah direktori pemasangan sambungan pemalam Chrome? Mar 08, 2024 am 08:55 AM

Apakah direktori pemasangan sambungan pemalam Chrome? Dalam keadaan biasa, direktori pemasangan lalai pelanjutan pemalam Chrome adalah seperti berikut: 1. Lokasi direktori pemasangan lalai pemalam chrome dalam windowsxp: C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2 chrome dalam windows7 Lokasi direktori pemasangan lalai pemalam: C:\Users\username\AppData\Local\Google\Chrome\User.

Kongsi tiga penyelesaian mengapa pelayar Edge tidak menyokong pemalam ini Kongsi tiga penyelesaian mengapa pelayar Edge tidak menyokong pemalam ini Mar 13, 2024 pm 04:34 PM

Apabila pengguna menggunakan penyemak imbas Edge, mereka mungkin menambahkan beberapa pemalam untuk memenuhi lebih banyak keperluan mereka. Tetapi apabila menambah pemalam, ia menunjukkan bahawa pemalam ini tidak disokong. Bagaimana untuk menyelesaikan masalah ini? Hari ini, editor akan berkongsi dengan anda tiga penyelesaian. Kaedah 1: Cuba gunakan pelayar lain. Kaedah 2: Flash Player pada penyemak imbas mungkin sudah lapuk atau tiada, menyebabkan pemalam tidak disokong Anda boleh memuat turun versi terkini dari tapak web rasmi. Kaedah 3: Tekan kekunci "Ctrl+Shift+Delete" pada masa yang sama. Klik "Kosongkan Data" dan buka semula penyemak imbas.

Bagaimana untuk mengalih keluar sekatan ulasan pada akaun video? Apakah had perkataan untuk ulasan pada akaun video? Bagaimana untuk mengalih keluar sekatan ulasan pada akaun video? Apakah had perkataan untuk ulasan pada akaun video? Mar 22, 2024 pm 02:11 PM

Dengan populariti akaun video di media sosial, semakin ramai orang mula menggunakan akaun video untuk berkongsi kehidupan harian, pandangan dan cerita mereka. Walau bagaimanapun, sesetengah pengguna mungkin mengalami ulasan yang disekat, yang boleh menyebabkan mereka keliru dan tidak berpuas hati. 1. Bagaimana untuk mengalih keluar sekatan ulasan pada akaun video? Untuk menarik balik sekatan mengulas pada akaun video, anda mesti terlebih dahulu memastikan akaun tersebut telah didaftarkan dengan betul dan pengesahan nama sebenar telah selesai. Akaun video mempunyai keperluan untuk ulasan Hanya akaun yang telah melengkapkan pengesahan nama sebenar boleh menarik balik sekatan ulasan. Jika terdapat sebarang keabnormalan dalam akaun, isu ini perlu diselesaikan sebelum sekatan ulasan boleh ditarik balik. 2. Mematuhi piawaian komuniti akaun video. Akaun video mempunyai piawaian tertentu untuk kandungan ulasan Jika ulasan itu melibatkan kandungan yang menyalahi undang-undang, anda akan disekat daripada bercakap. Untuk menarik balik sekatan ulasan, anda perlu mematuhi komuniti akaun video tersebut

Bagaimana untuk meningkatkan saiz cakera dalam VirtualBox [Panduan] Bagaimana untuk meningkatkan saiz cakera dalam VirtualBox [Panduan] Mar 17, 2024 am 10:10 AM

Kami sering menghadapi situasi di mana saiz cakera yang telah ditetapkan tidak mempunyai ruang untuk lebih banyak data? Jika anda memerlukan lebih banyak ruang cakera keras mesin maya pada peringkat seterusnya, anda mesti mengembangkan cakera keras maya dan sekatan. Dalam siaran ini, kita akan melihat bagaimana untuk meningkatkan saiz cakera dalam VirtualBox. Meningkatkan saiz cakera dalam VirtualBox Adalah penting untuk ambil perhatian bahawa anda mungkin ingin menyandarkan fail cakera keras maya anda sebelum melakukan operasi ini, kerana sentiasa ada kemungkinan berlaku masalah. Ia sentiasa menjadi amalan yang baik untuk mempunyai sandaran. Walau bagaimanapun, proses ini biasanya berfungsi dengan baik, cuma pastikan untuk mematikan mesin anda sebelum meneruskan. Terdapat dua cara untuk meningkatkan saiz cakera dalam VirtualBox. Kembangkan saiz cakera VirtualBox menggunakan GUI menggunakan CL

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Feb 28, 2024 pm 03:12 PM

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u

Petua jQuery: Cepat ubah suai teks semua teg pada halaman Petua jQuery: Cepat ubah suai teks semua teg pada halaman Feb 28, 2024 pm 09:06 PM

Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: &lt

Gunakan jQuery untuk mengubah suai kandungan teks semua teg Gunakan jQuery untuk mengubah suai kandungan teks semua teg Feb 28, 2024 pm 05:42 PM

Tajuk: Gunakan jQuery untuk mengubah suai kandungan teks semua teg jQuery ialah perpustakaan JavaScript yang popular yang digunakan secara meluas untuk mengendalikan operasi DOM. Dalam pembangunan web, kita sering menghadapi keperluan untuk mengubah suai kandungan teks tag pautan (tag) pada halaman. Artikel ini akan menerangkan cara menggunakan jQuery untuk mencapai matlamat ini dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman. Tambahkan kod berikut dalam fail HTML:

Bagaimana untuk menangani mesej ralat apabila pemasangan pemalam WordPress gagal? Bagaimana untuk menangani mesej ralat apabila pemasangan pemalam WordPress gagal? Mar 04, 2024 pm 04:57 PM

Bagaimana untuk menangani mesej ralat apabila pemasangan pemalam WordPress gagal? Sebagai salah satu sistem pengurusan kandungan yang paling popular pada masa ini, WordPress mempunyai perpustakaan pemalam yang kaya, menyediakan pengguna dengan pelbagai sambungan fungsian dan pilihan penyesuaian. Walau bagaimanapun, apabila menggunakan WordPress, kadangkala pemasangan pemalam gagal, dan mesej ralat mungkin muncul, menjadikan pengguna keliru dan cemas. Artikel ini akan memperkenalkan beberapa mesej ralat kegagalan pemasangan pemalam WordPress biasa dan cara menangani masalah ini. 1. Laporan

See all articles