关于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>
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
解决方法：您的组织要求您更改 PIN 码
Oct 04, 2023 pm 05:45 PM
“你的组织要求你更改PIN消息”将显示在登录屏幕上。当在使用基于组织的帐户设置的电脑上达到PIN过期限制时，就会发生这种情况，在该电脑上，他们可以控制个人设备。但是，如果您使用个人帐户设置了Windows，则理想情况下不应显示错误消息。虽然情况并非总是如此。大多数遇到错误的用户使用个人帐户报告。为什么我的组织要求我在Windows11上更改我的PIN？可能是您的帐户与组织相关联，您的主要方法应该是验证这一点。联系域管理员会有所帮助！此外，配置错误的本地策略设置或不正确的注册表项也可能导致错误。即
Windows 11 上调整窗口边框设置的方法：更改颜色和大小
Sep 22, 2023 am 11:37 AM
Windows11将清新优雅的设计带到了最前沿;现代界面允许您个性化和更改最精细的细节，例如窗口边框。在本指南中，我们将讨论分步说明，以帮助您在Windows操作系统中创建反映您的风格的环境。如何更改窗口边框设置？按+打开“设置”应用。WindowsI转到个性化，然后单击颜色设置。颜色更改窗口边框设置窗口11“宽度=”643“高度=”500“>找到在标题栏和窗口边框上显示强调色选项，然后切换它旁边的开关。若要在“开始”菜单和任务栏上显示主题色，请打开“在开始”菜单和任务栏上显示主题
如何在 Windows 11 上更改标题栏颜色？
Sep 14, 2023 pm 03:33 PM
默认情况下，Windows11上的标题栏颜色取决于您选择的深色/浅色主题。但是，您可以将其更改为所需的任何颜色。在本指南中，我们将讨论三种方法的分步说明，以更改它并个性化您的桌面体验，使其具有视觉吸引力。是否可以更改活动和非活动窗口的标题栏颜色？是的，您可以使用“设置”应用更改活动窗口的标题栏颜色，也可以使用注册表编辑器更改非活动窗口的标题栏颜色。若要了解这些步骤，请转到下一部分。如何在Windows11中更改标题栏的颜色？1.使用“设置”应用按+打开设置窗口。WindowsI前往“个性化”，然
OOBELANGUAGE错误Windows 11 / 10修复中出现问题的问题
Jul 16, 2023 pm 03:29 PM
您是否在Windows安装程序页面上看到“出现问题”以及“OOBELANGUAGE”语句？Windows的安装有时会因此类错误而停止。OOBE表示开箱即用的体验。正如错误提示所表示的那样，这是与OOBE语言选择相关的问题。没有什么可担心的，你可以通过OOBE屏幕本身的漂亮注册表编辑来解决这个问题。快速修复–1.单击OOBE应用底部的“重试”按钮。这将继续进行该过程，而不会再打嗝。2.使用电源按钮强制关闭系统。系统重新启动后，OOBE应继续。3.断开系统与互联网的连接。在脱机模式下完成OOBE的所
Windows 11 上启用或禁用任务栏缩略图预览的方法
Sep 15, 2023 pm 03:57 PM
任务栏缩略图可能很有趣，但它们也可能分散注意力或烦人。考虑到您将鼠标悬停在该区域的频率，您可能无意中关闭了重要窗口几次。另一个缺点是它使用更多的系统资源，因此，如果您一直在寻找一种提高资源效率的方法，我们将向您展示如何禁用它。不过，如果您的硬件规格可以处理它并且您喜欢预览版，则可以启用它。如何在Windows11中启用任务栏缩略图预览？1.使用“设置”应用点击键并单击设置。Windows单击系统，然后选择关于。点击高级系统设置。导航到“高级”选项卡，然后选择“性能”下的“设置”。在“视觉效果”选
华为GT3 Pro和GT4的差异是什么？
Dec 29, 2023 pm 02:27 PM
许多用户在选择智能手表的时候都会选择的华为的品牌，其中华为GT3pro和GT4都是非常热门的选择，不少用户都很好奇华为GT3pro和GT4有什么区别，下面就就给大家介绍一下二者。华为GT3pro和GT4有什么区别一、外观GT4：46mm和41mm，材质是玻璃表镜+不锈钢机身+高分纤维后壳。GT3pro：46.6mm和42.9mm，材质是蓝宝石玻璃表镜+钛金属机身/陶瓷机身+陶瓷后壳二、健康GT4：采用最新的华为Truseen5.5+算法，结果会更加的精准。GT3pro：多了ECG心电图和血管及安
Windows 11 上的显示缩放比例调整指南
Sep 19, 2023 pm 06:45 PM
在Windows11上的显示缩放方面，我们都有不同的偏好。有些人喜欢大图标，有些人喜欢小图标。但是，我们都同意拥有正确的缩放比例很重要。字体缩放不良或图像过度缩放可能是工作时真正的生产力杀手，因此您需要知道如何对其进行自定义以充分利用系统功能。自定义缩放的优点：对于难以阅读屏幕上的文本的人来说，这是一个有用的功能。它可以帮助您一次在屏幕上查看更多内容。您可以创建仅适用于某些监视器和应用程序的自定义扩展配置文件。可以帮助提高低端硬件的性能。它使您可以更好地控制屏幕上的内容。如何在Windows11
10种在 Windows 11 上调整亮度的方法
Dec 18, 2023 pm 02:21 PM
屏幕亮度是使用现代计算设备不可或缺的一部分，尤其是当您长时间注视屏幕时。它可以帮助您减轻眼睛疲劳，提高易读性，并轻松有效地查看内容。但是，根据您的设置，有时很难管理亮度，尤其是在具有新UI更改的Windows11上。如果您在调整亮度时遇到问题，以下是在Windows11上管理亮度的所有方法。如何在Windows11上更改亮度[10种方式解释]单显示器用户可以使用以下方法在Windows11上调整亮度。这包括使用单个显示器的台式机系统以及笔记本电脑。让我们开始吧。方法1：使用操作中心操作中心是访问
