代码

            <script>
                jQuery(function(){                    
                    var upload = new AjaxUpload(jQuery('#test4'), {
                        action: 'upload-test.php',
                        name: 'woohoo-custom-name',
                        data: {
                            'key1': "This data won't be sent, we will overwrite it."
                        },
                        autoSubmit: false,
                        responseType: 'json',
                        onChange: function(file, ext){
                        },
                        onSubmit: function(file, ext){
                            // Allow only images. You should add security check on the server-side.
                            if (ext && /^(jpg|png|jpeg|gif)$/i.test(ext)) {                            
                                this.setData({
                                    'key1': 'This should be alerted',
                                    'key2': '...'
                                });
                            } else {
                                alert('not image');
                                return false;
                            }                            
                        },
                        onComplete: function(file, response){
                            this.disable();
                            alert(response.post.key1);
                        }
                    });
                    jQuery('#test4upload').click(function(){
                        upload.submit();
                        upload.enable();
                        return false;
                    });
                });                    
            </script>

这样就可以看到选择的文件了。

<div style="position:relative;">  
<input id="fuploadImportExcel" name="fuploadImportExcel" size="30" type="file"  /> 
<span id="SelectFile" style="position:absolute; top:2px; left:5px; line-height:20px;"></span>
</div>

onChange: function(file,ext) {

$("#SelectFile").html(file);

},

注: 默认的必须有文件才可以提交。如果文件是选填,则用户没选择文件就不可以提交。 我更新了一下ajaxupload.js

代码

/Files/myx/js/ajaxupload.rar

转载于:https://www.cnblogs.com/myx/archive/2010/05/11/1732767.html

AjaxUpload相关推荐

  1. query AjaxUpload实现多文件上传功能代码实例教程

    在PHP网站开发中,文件上传功能时常用到,之前我已介绍过如何利用PHP实现文件上传功能.随着WEB技术的发展,用户体验成为衡量网站成功与否的关键,今天和大家分享如何在PHP中利用Jquery实现Aja ...

  2. jQuery插件ASP.NET应用之AjaxUpload

    本次使用AJAXUPLOAD做为上传客户端无刷上传插件,其最新版本为3.9,官方地址:http://valums.com/ajax-upload/ 在页面中引入 jquery.min.1.4.2.js ...

  3. 使用 Jquery AjaxUpload 上传图片

    原文地址为: 使用 Jquery AjaxUpload 上传图片 来源:http://www.cnblogs.com/hxling/archive/2010/07/05/1771320.html 本次 ...

  4. 使用ajaxupload.js插件上传图片不成功问题----RTFSC

    一.项目中使用ajaxupload.js插件上传图片,返回值不正确 <head><title>对不起,系统故障,您访问的页面暂时无法访问!</title></ ...

  5. AjaxUpLoad.js文件上传插件的使用

    一.页面中的配置 <aebiz:file property="bigPicData" fileType="<%=FileConst.FILE_TYPE_PIC ...

  6. AjaxUpLoad.js使用实现文件上传

    AjaxUpLoad.js的使用实现无刷新文件上传,如图. 图1 文件上传前 图2 文件上传后 1.创建页面并编写HTML 上传文档: <div class="uploadFile&q ...

  7. Spring MVC 实现Excel的导入导出功能(2:Excel的导入优化和Excel的导出)

    Excel的导入V2优化版 有些时候文件上传这一步骤由前端来处理,只将上传后的 URL 传输给后端(可以参考上一文中的图片上传功能),也就是导入请求中并不会直接处理 MultipartFile 对象, ...

  8. Webwork 学习之路【07】文件上传下载

    Web上传和下载应该是很普遍的一个需求,无论是小型网站还是大并发访问的交易网站.WebWork 当然也提供了很友好的拦截器来实现对文件的上传,让我们可以专注与业务逻辑的设计和实现,在实现上传和下载时顺 ...

  9. Django-Ajax进阶

    一.Ajax上传文件 1.form表单上传文件 文件和其他的数据类型不一样,是一个二进制的形式 Form上传文件的时候切记要加上:enctype="multipart/form-data&q ...

  10. php 点击选择图片上传,快速实现PHP图片上传和预览

    用户点击选择文件 选好图片后,自动进行一次提交.完成图片的上传.但不修改原引用图片的地址.后续第二次提交是修改result文件中引用图片的地址(PS:为了简便这里使用了result文件),完成整个上传 ...

最新文章

  1. **使用 Git Hook 实现网站的自动部署
  2. Nginx配置文件详细说明
  3. Spring cloud zuul跨域(一)
  4. 查询进程并杀死该进程
  5. Division 贪心,模拟 牛客练习赛95
  6. 贺TDSQL喜提286万QPS!本文回顾了它的十年锻造之路
  7. 淘宝客程序 —— 突破了传统淘宝客程序对自动采集商品收费的模式
  8. Android 心跳呼吸动画
  9. Android 一个漂亮的Android日期和时间选择器:DateTimePicker
  10. linux shell 字典 定义 新增元素
  11. 数据挖掘 NLP 之 文本挖掘 文本处理 通用流程
  12. notepad++打开bin文件
  13. Git分布式版本控制系统简介和使用
  14. 让华为小米抱团 统一推送联盟究竟是何方神圣?
  15. 分水岭算法c语言,分水岭算法的概念及原理
  16. 多分类中accuary与micro F1-score的恒等性
  17. Ubuntu8.04硬盘安装指南
  18. C++的静态成员变量和静态成员函数
  19. 配置java运行时环境时出现could not find java.dll
  20. ChatGPT研究报告:AIGC带来新一轮范式转移

热门文章

  1. NLP领域,哪些综述性的文章值得推荐?
  2. PyTorch学习—11.权值初始化
  3. python——sort方法、sorted函数——排序
  4. 深度学习2.0-39.RNN训练难题-梯度弥散与梯度爆炸
  5. mysql基础8-运算符、函数、索引
  6. 《流畅的Python》读书笔记——Python使用一等函数实现设计模式
  7. 初识爬虫的那天,我选择了Java!
  8. 每周荐书:大数据、深度学习、架构(评论送书)
  9. 每周荐书:JVM、Nginx、小程序(评论送书)
  10. Transact-SQL管理与开发实例精粹