文档章节

jquery.ocupload一键上传

mouos
 mouos
发布于 06/26 16:50
字数 245
阅读 18
收藏 0

普通上传

<body>

<form action="abc" method="post" enctype="multipart/form-data" target="myiframe">
    <input type="file" name="filename"><br>
    <input type="submit" value="上传">
</form>

<iframe name="myiframe" style="width: 10px;height: 20px"></iframe>
<%--<iframe name="myiframe" width="0" height="0"></iframe>--%>

</body>

jquery.ocupload

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ocupload-1.1.2.js"></script>
    <title>Title</title>

    <script type="text/javascript">
        $(function () {
            $("#uploadbtn").upload({
                action: 'abc',
                name: 'filename',
                params: {
                    'rand': Math.random()
                },
                onSelect: function (self, element) {//当选择好文件后触发,检查文件是否合法
                    this.autoSubmit = false;
                    var re = 通过文件后缀名规定文件类型的正则;

                    if (!re.test(this.filename())) {
                        alert("Only xxx file can be uploaded");
                    } else {
                        this.submit();
                    }
                },
                onSubmit: function (self, element) {
                    $('#uploadbtn').hide();
                    $('#ajax_update').parent().show();
                },
                onComplete: function (data, self, element) {
                    $('#ajax_update').parent().hide();
                    $('#uploadbtn').show();
                    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);
                    }
                }
            });
        });
    </script>

</head>
<body>

<input type="button" id="uploadbtn" value="一键上传">

</body>
</html>

 

© 著作权归作者所有

mouos
粉丝 1
博文 256
码字总数 134183
作品 0
其它
私信 提问
ECMall与淘宝TOP API 实现商品互通

模客网(http://www.psmoban.com)——专业的ECMall二次开发及服务网 经过几天的开发,终于实现了ECMall 与淘宝商品互通,一键上传商品到淘宝平台,测试地址: http://www.psmoban.com/demo/...

模客网
2012/04/22
525
0
IDE 插件新版本发布,开发效率 “biu” 起来了

近日,Cloud Toolkit正式推出了面向 IntelliJ 和 Eclipse 两个平台的新款插件,本文挑选了其中三个重大特性进行解读,点击文末 “阅读原文”可查看详细的版本说明。 本地应用一键部署到任何机...

中间件小哥
01/17
0
0
基于 ssh+sftp 的一键部署小工具 - oneKey-Deploy

本项目是由 Java 编写的基于 ssh+sftp 的一键部署小工具,用于开发/测试时快速将本地项目文件快速部署到服务器。 一键上传项目文件夹、文件到指定服务器的目录并重启 web 服务器 不上传相同文...

HeyS1
2017/05/15
876
0
FastAdmin 极速后台管理框架(三周年)V1.0.0.20190410_beta

FastAdmin 极速后台框架(三周年)V1.0.0.20190410_beta FastAdmin 三周岁了,感谢小伙伴们的陪伴和守护,这里特别感谢一下 码云 Gitee 给我们提供了这么好的平台。 一路走来不知道经历了不知...

F4NNIU
04/11
5.6K
12
jQuery文件上传--One Click Upload

One-Click Upload 是一个用来替换浏览器上标准的文件上传输入框的 jQuery 插件,通过一键点击,可以是一个链接、图片或者按钮来触发文件上传过程,打开浏览文件的窗口。上传过程无需刷新页面...

匿名
2008/09/19
18K
0

没有更多内容

加载失败,请刷新页面

加载更多

安装lombok 与阿里巴巴扫描规范 与取消扫描

一、安装lombok 1、先下载lombok的jar 放到eclipse的安装路径 2、打开 eclipse.ini文件 添加引入lombok的jar 我这里是这样的: -javaagent:D:\Program Files\eclipse\eclipse\lombok.jar 3、...

jason_kiss
20分钟前
2
0
基于 QML的 串口调试助手

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/weixin_38416696/article/details/80926090 Qt版本 5.10.0...

shzwork
28分钟前
3
0
Python 开发植物大战僵尸游戏

作者:楷楷 链接:https://segmentfault.com/a/1190000019418065 开发思路 完整项目地址: https://github.com/371854496/pygame 更多好玩有趣的python,尽在公众号「Python专栏」,后台回复...

上海小胖
今天
14
0
JVM优化之逃逸分析与分配消除

要了解逃逸分析背后的基本原理,我们先来看下这段有问题的C代码——当然这个是没法用Java来写的: 这段C代码在栈上创建了一个int类型的变量,然后把它的指针作为函数的返回值返回了。这样做是...

onedotdot
今天
3
0
最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部