关于ajaxupload上传插件的有关问题
关于ajaxupload上传插件的问题
http://www.zhangxinxu.com/php/200911/ajax-file-upload-get-file-path2.php
一个页面中间需要8个地方用到这个插件，我的解决思路如下：首先我给每个input加了一个click事件，来获取id值，同时把window.onload写成了一个方法，结果是每次要点击两次input才会弹出图片选择框，主要原因是除了自己加的click事件外，插件本身也加了一个click事件，由于自己水平有限没有办法修改ajaxupload.js中代码。
直接试了第二种方法，就是把现在window.onload中的内容根据每个id的不同写了8个，这时可以上传了，但是每次显示的时候都在最后一个input下面。
请问有什么办法可以解决这个问题吗？谢谢！
------解决思路----------------------
多个ajaxUpload同时用，
我试了试，我这能响应两个不同的按钮向不同的php文件发送文件，不知道能满足你的要求。
<html><br /> <head><br /> <title>ajaxupload上传</title><br /> <meta charset="utf-8"/><br /> <style type="text/css"><br /> .divMain{<br /> position:absolute;<br /> width:140px;<br /> height:100px;<br /> padding-left:60px;<br /> padding-top:40px;<br /> background-color:#ccddee;<br /> }<br /> #upload{<br /> width:150px;<br /> height:30px;<br /> }<br /> .content{<br /> width:300px;<br /> height:200px;<br /> }<br /> .divMainNo2<br /> {<br /> position:absolute;<br /> left:300px;<br /> width:140px;<br /> height:100px;<br /> padding-left:60px;<br /> padding-top:40px;<br /> background-color:#ccddee;<br /> }<br /> <br /><br /> </style><br /> <script type="text/javascript" src="./jquery-1.8.2.min.js"></script><br /> <script type="text/javascript" src="./ajaxupload.js"></script><br /> </head><br /> <body><br /> <div class="divMain"><br /> <button id="upload">文件上传</button><br /> <div class="content"></div><br /> </div><br /> <div class="divMainNo2"><br /> <button id="uploadNo2">文件上传</button><br /> <div class="contentNo2"></div><br /> </div><br /> </body><br /> <script type="text/javascript"><br /> /*<br /> ajaxupload上传<br /> */<br /> $(document).ready(function(){<br /> var button = $('#upload'), interval;<br /> var fileType = "all",fileNum = "one"; <br /> new AjaxUpload(button,{<br /> action: './upload.php',<br /> name: 'userfile',<br /> onSubmit : function(file, ext){<br /> if(fileType == "pic")<br /> {<br /> if (ext && /^(jpg<br><font color='#FF8000'>------解决思路----------------------</font><br>png<br><font color='#FF8000'>------解决思路----------------------</font><br>jpeg<br><font color='#FF8000'>------解决思路----------------------</font><br>gif)$/.test(ext)){<br /> this.setData({<br /> 'info': '文件类型为图片'<br /> });<br /> } else {<br /> $('<li></li>').appendTo('.files').text('非图片类型文件，请重传');<br /> return false; <br /> }<br /> }<br /> button.text('文件上传中');<br /> if(fileNum == 'one')<br /> this.disable();<br /> interval = window.setInterval(function(){<br /> var text = button.text();<br /> if (text.length < 14){<br /> button.text(text + '.'); <br /> } else {<br /> button.text('文件上传中'); <br /> }<br /> }, 200);<br /> },<br /> onComplete: function(file, response){//上传成功的函数；response代表服务器返回的数据<br /> //清楚按钮的状态<br /> button.text('文件上传');<br /> window.clearInterval(interval);<br /> this.enable();<br /> //修改下方div的显示文字<br /> if('success'==response){<br /> $(".content").text("上传成功");<br /> }else{<br /> $(".content").text("上传失败");<br /> }<br /> }<br /> });<br /> <br /> var buttonNo2 = $('#uploadNo2'), interval;<br /> var fileType = "all",fileNum = "one"; <br /> new AjaxUpload(buttonNo2,{<br /> action: './upload1.php',<br /> name: 'userfile',<br /> onSubmit : function(file, ext){<br /> if(fileType == "pic")<br /> {<br /> if (ext && /^(jpg<br><font color='#FF8000'>------解决思路----------------------</font><br>png<br><font color='#FF8000'>------解决思路----------------------</font><br>jpeg<br><font color='#FF8000'>------解决思路----------------------</font><br>gif)$/.test(ext)){<br /> this.setData({<br /> 'info': '文件类型为图片'<br /> });<br /> } else {<br /> $('<li></li>').appendTo('.files').text('非图片类型文件，请重传');<br /> return false; <br /> }<br /> }<br /> button.text('文件上传中');<br /> if(fileNum == 'one')<br /> this.disable();<br /> interval = window.setInterval(function(){<br /> var text = button.text();<br /> if (text.length < 14){<br /> button.text(text + '.'); <br /> } else {<br /> button.text('文件上传中'); <br /> }<br /> }, 200);<br /> },<br /> onComplete: function(file, response){//上传成功的函数；response代表服务器返回的数据<br /> //清楚按钮的状态<br /> button.text('文件上传');<br /> window.clearInterval(interval);<br /> this.enable();<br /> //修改下方div的显示文字<br /> if('haha'==response){<br /> $(".contentNo2").text("上传成功");<br /> }else{<br /> $(".contentNo2").text("上传失败");<br /> }<br /> }<br /> });<br /> });<br /> </script><br /></html>
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1371
52
Penyelesaian: Organisasi anda memerlukan anda menukar PIN anda
Oct 04, 2023 pm 05:45 PM
Mesej "Organisasi anda memerlukan anda menukar PIN anda" akan muncul pada skrin log masuk. Ini berlaku apabila had tamat tempoh PIN dicapai pada komputer menggunakan tetapan akaun berasaskan organisasi, di mana mereka mempunyai kawalan ke atas peranti peribadi. Walau bagaimanapun, jika anda menyediakan Windows menggunakan akaun peribadi, sebaiknya mesej ralat tidak akan muncul. Walaupun ini tidak selalu berlaku. Kebanyakan pengguna yang mengalami ralat melaporkan menggunakan akaun peribadi mereka. Mengapa organisasi saya meminta saya menukar PIN saya pada Windows 11? Ada kemungkinan akaun anda dikaitkan dengan organisasi dan pendekatan utama anda adalah untuk mengesahkan perkara ini. Menghubungi pentadbir domain anda boleh membantu! Selain itu, tetapan dasar tempatan yang salah konfigurasi atau kunci pendaftaran yang salah boleh menyebabkan ralat. Sekarang ni
Cara melaraskan tetapan sempadan tetingkap pada Windows 11: Tukar warna dan saiz
Sep 22, 2023 am 11:37 AM
Windows 11 membawa reka bentuk yang segar dan elegan ke hadapan antara muka moden membolehkan anda memperibadikan dan menukar butiran terbaik, seperti sempadan tingkap. Dalam panduan ini, kami akan membincangkan arahan langkah demi langkah untuk membantu anda mencipta persekitaran yang mencerminkan gaya anda dalam sistem pengendalian Windows. Bagaimana untuk menukar tetapan sempadan tetingkap? Tekan + untuk membuka apl Tetapan. WindowsSaya pergi ke Pemperibadian dan klik Tetapan Warna. Perubahan Warna Tetingkap Sempadan Tetapan Tetingkap 11" Lebar="643" Tinggi="500" > Cari pilihan Tunjukkan warna aksen pada bar tajuk dan sempadan tetingkap, dan togol suis di sebelahnya. Untuk memaparkan warna aksen pada menu Mula dan bar tugas Untuk memaparkan warna tema pada menu Mula dan bar tugas, hidupkan Tunjukkan tema pada menu Mula dan bar tugas
Bagaimana untuk menukar warna bar tajuk pada Windows 11?
Sep 14, 2023 pm 03:33 PM
Secara lalai, warna bar tajuk pada Windows 11 bergantung pada tema gelap/terang yang anda pilih. Walau bagaimanapun, anda boleh menukarnya kepada mana-mana warna yang anda mahu. Dalam panduan ini, kami akan membincangkan arahan langkah demi langkah untuk tiga cara mengubahnya dan memperibadikan pengalaman desktop anda untuk menjadikannya menarik secara visual. Adakah mungkin untuk menukar warna bar tajuk tetingkap aktif dan tidak aktif? Ya, anda boleh menukar warna bar tajuk tetingkap aktif menggunakan apl Tetapan, atau anda boleh menukar warna bar tajuk tetingkap tidak aktif menggunakan Registry Editor. Untuk mempelajari langkah-langkah ini, pergi ke bahagian seterusnya. Bagaimana untuk menukar warna bar tajuk dalam Windows 11? 1. Tekan + untuk membuka tetingkap tetapan menggunakan apl Tetapan. WindowsSaya pergi ke "Peribadikan" dan kemudian
Masalah Ralat OOBELANGUAGE dalam Pembaikan Windows 11/10
Jul 16, 2023 pm 03:29 PM
Adakah anda melihat "Masalah berlaku" bersama-sama dengan pernyataan "OOBELANGUAGE" pada halaman Pemasang Windows? Pemasangan Windows kadangkala terhenti kerana ralat tersebut. OOBE bermaksud pengalaman di luar kotak. Seperti yang ditunjukkan oleh mesej ralat, ini ialah isu yang berkaitan dengan pemilihan bahasa OOBE. Tiada apa yang perlu dibimbangkan, anda boleh menyelesaikan masalah ini dengan penyuntingan pendaftaran yang bagus dari skrin OOBE itu sendiri. Pembetulan Pantas – 1. Klik butang “Cuba Semula” di bahagian bawah apl OOBE. Ini akan meneruskan proses tanpa gangguan lagi. 2. Gunakan butang kuasa untuk menutup paksa sistem. Selepas sistem dimulakan semula, OOBE harus diteruskan. 3. Putuskan sambungan sistem daripada Internet. Lengkapkan semua aspek OOBE dalam mod luar talian
Bagaimana untuk mendayakan atau melumpuhkan pratonton lakaran kecil bar tugas pada Windows 11
Sep 15, 2023 pm 03:57 PM
Lakaran kecil bar tugas boleh menjadi menyeronokkan, tetapi ia juga boleh mengganggu atau menjengkelkan. Memandangkan kekerapan anda menuding di atas kawasan ini, anda mungkin telah menutup tetingkap penting secara tidak sengaja beberapa kali. Kelemahan lain ialah ia menggunakan lebih banyak sumber sistem, jadi jika anda telah mencari cara untuk menjadi lebih cekap sumber, kami akan menunjukkan kepada anda cara untuk melumpuhkannya. Walau bagaimanapun, jika spesifikasi perkakasan anda boleh mengendalikannya dan anda menyukai pratonton, anda boleh mendayakannya. Bagaimana untuk mendayakan pratonton lakaran kecil bar tugas dalam Windows 11? 1. Menggunakan apl Tetapan ketik kekunci dan klik Tetapan. Windows klik Sistem dan pilih Perihal. Klik Tetapan sistem lanjutan. Navigasi ke tab Lanjutan dan pilih Tetapan di bawah Prestasi. Pilih "Kesan Visual"
Apakah perbezaan antara Huawei GT3 Pro dan GT4?
Dec 29, 2023 pm 02:27 PM
Ramai pengguna akan memilih jenama Huawei apabila memilih jam tangan pintar Antaranya, Huawei GT3pro dan GT4 adalah pilihan yang sangat popular. Apakah perbezaan antara Huawei GT3pro dan GT4? 1. Rupa GT4: 46mm dan 41mm, bahan cermin kaca + badan keluli tahan karat + cangkang belakang gentian resolusi tinggi. GT3pro: 46.6mm dan 42.9mm, bahannya ialah kaca nilam + badan titanium/badan seramik + cangkerang belakang seramik 2. GT4 yang sihat: Menggunakan algoritma Huawei Truseen5.5+ terkini, hasilnya akan lebih tepat. GT3pro: Penambahan elektrokardiogram ECG dan saluran darah serta keselamatan
Paparkan panduan penskalaan pada Windows 11
Sep 19, 2023 pm 06:45 PM
Kita semua mempunyai pilihan yang berbeza apabila ia berkaitan dengan penskalaan paparan pada Windows 11. Sesetengah orang suka ikon besar, ada yang suka ikon kecil. Walau bagaimanapun, kita semua bersetuju bahawa mempunyai penskalaan yang betul adalah penting. Penskalaan fon yang lemah atau penskalaan berlebihan imej boleh menjadi pembunuh produktiviti sebenar apabila bekerja, jadi anda perlu tahu cara menyesuaikannya untuk memanfaatkan sepenuhnya keupayaan sistem anda. Kelebihan Zum Tersuai: Ini adalah ciri yang berguna untuk orang yang mengalami kesukaran membaca teks pada skrin. Ia membantu anda melihat lebih banyak pada skrin pada satu masa. Anda boleh membuat profil sambungan tersuai yang digunakan hanya pada monitor dan aplikasi tertentu. Boleh membantu meningkatkan prestasi perkakasan kelas rendah. Ia memberi anda lebih kawalan ke atas perkara yang terdapat pada skrin anda. Cara menggunakan Windows 11
10 Cara untuk Melaraskan Kecerahan pada Windows 11
Dec 18, 2023 pm 02:21 PM
Kecerahan skrin adalah bahagian penting dalam menggunakan peranti pengkomputeran moden, terutamanya apabila anda melihat skrin untuk jangka masa yang lama. Ia membantu anda mengurangkan ketegangan mata, meningkatkan kebolehbacaan dan melihat kandungan dengan mudah dan cekap. Walau bagaimanapun, bergantung pada tetapan anda, kadangkala sukar untuk mengurus kecerahan, terutamanya pada Windows 11 dengan perubahan UI baharu. Jika anda menghadapi masalah melaraskan kecerahan, berikut ialah semua cara untuk mengurus kecerahan pada Windows 11. Cara Menukar Kecerahan pada Windows 11 [10 Cara Diterangkan] Pengguna monitor tunggal boleh menggunakan kaedah berikut untuk melaraskan kecerahan pada Windows 11. Ini termasuk sistem desktop menggunakan monitor tunggal serta komputer riba. Jom mulakan. Kaedah 1: Gunakan Pusat Tindakan Pusat Tindakan boleh diakses
