Jquery学习---一键上传

一键上传

jar包下载

jquery代码

    $(function () {
                $(".uploadfile").upload({
                    action: ‘CourseXMLFileUploadHander.ashx‘,
                    name: ‘xml‘,
                    params: {
                        ‘type‘: ‘uploadCourseXMLFile‘,
                        ‘rand‘: Math.random()
                    },
                    onSelect: function (self, element) {
                        this.autoSubmit = false;
                        var re = new RegExp("(xml){1}quot;, "i");  

                        if (!re.test(this.filename())) {
                            alert("Only xml file can be uploaded");
                        }
                        else {
                            this.submit();
                        }
                    },
                    onSubmit: function (self, element) {
                        $(‘.uploadfile‘).hide();
                        $(‘#ajax_update‘).parent().show();
                        //alert(‘Uploading file...‘);
                    },
                    onComplete: function (data, self, element) {
                        $(‘#ajax_update‘).parent().hide();
                        $(‘.uploadfile‘).show();
                        self.resetInput();
                        try {
                            var ret = data;
                            if (ret.indexOf("exception") >= 0) {
                                alert(‘Upload file exception: ‘ + eval(data)[0].exception);
                            }
                            else {
                                showSuccess(‘File is successfully Load.‘);  

                                uploadSuccess(ret);  

                            }
                        } catch (err) {
                            alert(data);
                        }
                    }
                });
            });

  

原文地址:https://www.cnblogs.com/ftl1012/p/9357405.html

时间: 2024-11-07 13:35:56

Jquery学习---一键上传的相关文章

jQuery OCUpload ——> 一键上传插件

OCUpload为jQuery的插件(One Click Upload),意思为一键上传,封装了对于文件上传的一些方法,只需几行代码,文件上传优雅而简洁.      对于传统的文件上传,只是通过input标签,通过设置enctype为multipart/form-data,选中文件后还需点击按钮,提交表单,才能在后台进行相关字段解析,通过流来进行文件上传,上传成功后,页面多半要刷新,无法给用户良好的体验.OCUpload实现了页面“不刷新”,选择文件后直接上传,不需要选中文件后再点击按钮上传表单

jquery OCUpload一键上传插件和pinyin4J使用

一.OCUpload(One Click Upload) 第一步:将js文件引入页面 <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="${pageContext.request.co

使用jquery插件uploadify上传文件的方法与疑问

我是学生一枚,专业也不是计算机,但又要用到很多相关技术,所以在技术基础不牢靠的情况下,硬着头皮在做.最近在做一个小项目需要上传图片,而且是需要用ajax的方式.但是利用jquery的ajax方法总会有“C:/fakepath”的问题,在网上找了很久相关解决方法,但是都太过麻烦,或者说我的水平还不到.但也看到有的人说可以用jquery的文件上传插件,于是百度.发现http://www.oschina.net/news/20298/20-excellent-jquery-file-upload-pl

ocupload完成文件上传(一键上传)

1.前提 必须同步提交 form 表单 Form 表单编码方式 multipart/form-data 提交方式必须为 post 上传文件对应 input type="file" 元素要提供 name 属性 2.一键上传的原理 3.一键上传的实现方法 jQuery ocupload实现 下载地址:(该地址属于国外网站,需要FQ才可访问) http://code.google.com/p/ocupload/ 导入 jquery.ocupload-1.1.2.js 到项目中 在页面引入 o

使用ocupload和POI一键上传Excel并解析导入数据库

使用的工具如下:  JQuery ocupload jquery.ocupload-1.1.2.js Apache POI  poi-3.9.jar 如果是Maven项目添加依赖如下: <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.9</version> </dependency> J

jQuery之批量上传文件插件之一

$("#uploader").plupload({     /*常规设置*/     runtimes:'html5,flash,silverlight,html4',     url:'hyzx/seller/commPicUpload.action',     /*最大文件限制b, kb, mb, gb, tb */     max_file_size:'1mb',     /*是否生成唯一文件名,如果为true会为上传的文件唯一的文件名.*/     unique_names:t

jQuery.uploadify文件上传组件实例讲解

1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好,无刷新,带上传进度等等.在最近的短信平台开发中,使用Uploadify进行文件上传. Uploadify官网地址是:http://www.uploadify.com/ 可满足项目开发需求. 下载地址:http://www.uploadify.com/wp-content/uploads/files/

兼容ie的jquery ajax文件上传

Ajax文件上传插件很多,但兼容性各不一样,许多是对ie不兼容的,另外项目中是要求将网页内容嵌入到桌面端应用的,这样就不允许带flash的上传插件了,如:jquery uploadify...悲剧 对于Ajax文件上传,大体是有: 1.创建一个input type="file" 的文件上传按钮,根据其id监听绑定其change事件,在事件中用jquery创建一个iframe,嵌入添加隐藏form,同时创建input type="file",id相同的文件上传按钮,并

赞!带进度条的 jQuery 文件拖放上传插件

jQuery File Uploader 是一个 jQuery 文件拖放上传插件,包括 Ajax 上传和进度条效果.作者编写这个插件的想法是要保持它非常简单,不像其他的插件,很多的标记,并提供一些 Hack 的方式使之兼容那些古老的浏览器.jQuery File Uploader 重点是现代浏览器,而且还提供了一个方法让你知道什时候插件不支持使用. 立即下载      在线演示 jQuery File Uploader 是一个 jQuery 文件拖放上传插件,包括 Ajax 上传和进度条效果.作