关于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>
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Solution: Your organization requires you to change your PIN
Oct 04, 2023 pm 05:45 PM
The message "Your organization has asked you to change your PIN" will appear on the login screen. This happens when the PIN expiration limit is reached on a computer using organization-based account settings, where they have control over personal devices. However, if you set up Windows using a personal account, the error message should ideally not appear. Although this is not always the case. Most users who encounter errors report using their personal accounts. Why does my organization ask me to change my PIN on Windows 11? It's possible that your account is associated with an organization, and your primary approach should be to verify this. Contacting your domain administrator can help! Additionally, misconfigured local policy settings or incorrect registry keys can cause errors. Right now
How to adjust window border settings on Windows 11: Change color and size
Sep 22, 2023 am 11:37 AM
Windows 11 brings fresh and elegant design to the forefront; the modern interface allows you to personalize and change the finest details, such as window borders. In this guide, we'll discuss step-by-step instructions to help you create an environment that reflects your style in the Windows operating system. How to change window border settings? Press + to open the Settings app. WindowsI go to Personalization and click Color Settings. Color Change Window Borders Settings Window 11" Width="643" Height="500" > Find the Show accent color on title bar and window borders option, and toggle the switch next to it. To display accent colors on the Start menu and taskbar To display the theme color on the Start menu and taskbar, turn on Show theme on the Start menu and taskbar
How to change title bar color on Windows 11?
Sep 14, 2023 pm 03:33 PM
By default, the title bar color on Windows 11 depends on the dark/light theme you choose. However, you can change it to any color you want. In this guide, we'll discuss step-by-step instructions for three ways to change it and personalize your desktop experience to make it visually appealing. Is it possible to change the title bar color of active and inactive windows? Yes, you can change the title bar color of active windows using the Settings app, or you can change the title bar color of inactive windows using Registry Editor. To learn these steps, go to the next section. How to change title bar color in Windows 11? 1. Using the Settings app press + to open the settings window. WindowsI go to "Personalization" and then
OOBELANGUAGE Error Problems in Windows 11/10 Repair
Jul 16, 2023 pm 03:29 PM
Do you see "A problem occurred" along with the "OOBELANGUAGE" statement on the Windows Installer page? The installation of Windows sometimes stops due to such errors. OOBE means out-of-the-box experience. As the error message indicates, this is an issue related to OOBE language selection. There is nothing to worry about, you can solve this problem with nifty registry editing from the OOBE screen itself. Quick Fix – 1. Click the “Retry” button at the bottom of the OOBE app. This will continue the process without further hiccups. 2. Use the power button to force shut down the system. After the system restarts, OOBE should continue. 3. Disconnect the system from the Internet. Complete all aspects of OOBE in offline mode
How to enable or disable taskbar thumbnail previews on Windows 11
Sep 15, 2023 pm 03:57 PM
Taskbar thumbnails can be fun, but they can also be distracting or annoying. Considering how often you hover over this area, you may have inadvertently closed important windows a few times. Another disadvantage is that it uses more system resources, so if you've been looking for a way to be more resource efficient, we'll show you how to disable it. However, if your hardware specs can handle it and you like the preview, you can enable it. How to enable taskbar thumbnail preview in Windows 11? 1. Using the Settings app tap the key and click Settings. Windows click System and select About. Click Advanced system settings. Navigate to the Advanced tab and select Settings under Performance. Select "Visual Effects"
What are the differences between Huawei GT3 Pro and GT4?
Dec 29, 2023 pm 02:27 PM
Many users will choose the Huawei brand when choosing smart watches. Among them, Huawei GT3pro and GT4 are very popular choices. Many users are curious about the difference between Huawei GT3pro and GT4. Let’s introduce the two to you. . What are the differences between Huawei GT3pro and GT4? 1. Appearance GT4: 46mm and 41mm, the material is glass mirror + stainless steel body + high-resolution fiber back shell. GT3pro: 46.6mm and 42.9mm, the material is sapphire glass + titanium body/ceramic body + ceramic back shell 2. Healthy GT4: Using the latest Huawei Truseen5.5+ algorithm, the results will be more accurate. GT3pro: Added ECG electrocardiogram and blood vessel and safety
Display scaling guide on Windows 11
Sep 19, 2023 pm 06:45 PM
We all have different preferences when it comes to display scaling on Windows 11. Some people like big icons, some like small icons. However, we all agree that having the right scaling is important. Poor font scaling or over-scaling of images can be a real productivity killer when working, so you need to know how to customize it to get the most out of your system's capabilities. Advantages of Custom Zoom: This is a useful feature for people who have difficulty reading text on the screen. It helps you see more on the screen at one time. You can create custom extension profiles that apply only to certain monitors and applications. Can help improve the performance of low-end hardware. It gives you more control over what's on your screen. How to use Windows 11
10 Ways to Adjust Brightness on Windows 11
Dec 18, 2023 pm 02:21 PM
Screen brightness is an integral part of using modern computing devices, especially when you look at the screen for long periods of time. It helps you reduce eye strain, improve legibility, and view content easily and efficiently. However, depending on your settings, it can sometimes be difficult to manage brightness, especially on Windows 11 with the new UI changes. If you're having trouble adjusting brightness, here are all the ways to manage brightness on Windows 11. How to Change Brightness on Windows 11 [10 Ways Explained] Single monitor users can use the following methods to adjust brightness on Windows 11. This includes desktop systems using a single monitor as well as laptops. let's start. Method 1: Use the Action Center The Action Center is accessible
