文档章节

ajaxfileupload不能多次上传文件

旋风魔帝
 旋风魔帝
发布于 2017/06/26 10:49
字数 264
阅读 38
收藏 0

开发室,往往遇到很多无聊的bug

例如,使用 ajaxFileUpload 上传时,只能上传一次!关于这个问题,我也是搞了好久!

方法一:

借助一个点击事件来实现同个 input 多次上传,直接上代码

html 代码

<input type="file" name="fileField" id="fileField">
<button type="button" id="cert_upload">上传</button>

js 代码

var btn = document.getElementById('cert_upload');
    var file_path = '';
    btn.onclick = function () {
        var _fileField = $("#fileField").val();
        if (_fileField.length < 1) {
            alert("请选择上传的 cert");
            return;
        }
        $.ajaxFileUpload({
            url: '/Wechat/uploadCert/sid/{$sid}',//处理证书的脚本
            secureuri: false,
            fileElementId: 'fileField',//file控件id
            dataType: 'json',
            success: function (data) {
                if (data.status != 1) {
                    alert(data.errorMessage);
                } else {
                    file_path = data.file_path;
                    alert('上传成功');
                }
            },
            error: function (data, status, e) {
//                console.log(data)
            }
        });
    };

方法二:

有时候,不想借助按钮上传,想直接选择文件之后自动上传, 我是通过修改 ajaxfileupload 的源码来实现的

源码修改前

    var newElement = jQuery(oldElement).clone();
    jQuery(oldElement).attr('id', fileId);
    jQuery(oldElement).before(newElement);
    jQuery(oldElement).appendTo(form);

源码修改后

    var newElement = jQuery(oldElement).clone(true);
    jQuery(oldElement).attr('id', fileId);
    jQuery(oldElement).before(newElement);
    jQuery(oldElement).appendTo(form);

就是在 clone() 括号中加个 true

© 著作权归作者所有

旋风魔帝
粉丝 0
博文 11
码字总数 2783
作品 0
程序员
私信 提问
ajaxFileUpload图片上传、限制后缀和张数 带参数

ajaxFileUpload图片上传、限制后缀和张数 带参数 HTML: <input type="file" name="img" id="fileToUpload" style="width:180px;" onchange="ajaxFileUpload(this);" /><span class="info">(......

markYun
2013/09/07
0
1
jQuery插件AjaxFileUpload实现ajax文件上传

1、引入AjaxFileUpload插件相关的js <script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script><script type="text/javascript" src="<%=basePath%>resou......

刘yu
2015/04/22
0
0
ajax上传文件 预览/七牛云AJAX上传

ajaxfileupload下载:链接: http://pan.baidu.com/s/1dDtX6Pb 密码: qqi2 $('.upload-success').show(300).delay(3000).hide(300); //2S后隐藏 需要用到:ajaxfileupload <!DOCTYPE html><htm......

wsy5344
2015/06/06
0
1
文件上传,因为业务需要,需要读取excel流2次,在第二次读取的时候,用chrome就会丢失

struts2文件上传,用的ajaxfileupload插件进行上传,因为业务需要,判断是否继续上传文件,如果选择了是,则再一次进行ajaxfileupload提交,读取流,而这种情况出现在chrome浏览器就出现流丢...

tym33
2015/08/14
86
0
Spring Jackson AjaxFileUpload 没有执行回调函数的解决办法

在使用Spring MVC+Jackson与AjaxFileUpload进行图片上传并返回图片地址时,图片上传没有问题,但是ajaxfileupload的success回调并没有执行,找了半天没找到原因,firebug显示response的json也...

方绍伟
2013/10/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot+jpa 错误信息org.springframework.beans.factory.BeanCreationException

报错信息 org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/a......

冥焱
5分钟前
0
0
威胁快报|新兴挖矿团伙借助shodan作恶,非web应用安全再鸣警钟

近日,阿里云安全发现了一个使用未授权访问漏洞部署恶意Docker镜像进行挖矿的僵尸网络团伙。我们给这一团伙取名为Xulu,因为该团伙使用这个字符串作为挖矿时的用户名。 Xulu并不是第一个攻击...

迷你芊宝宝
12分钟前
0
0
十大经典排序算法动画与解析

排序算法是《数据结构与算法》中最基本的算法之一。 排序算法可以分为内部排序和外部排序。 内部排序是数据记录在内存中进行排序。 而外部排序是因排序的数据很大,一次不能容纳全部的排序记...

夜黑人模糊灬
15分钟前
2
0
7. java枚举

1. 枚举是什么 有的时候一个类的对象是有限且固定的,这种情况下我们使用枚举类就比较方便 2. 为什么不用静态常量来替代枚举类呢? 3. 常用方式 3.1 方式1 枚举类: package cn.ali.tencent...

20190513
16分钟前
0
0
elasticsearch – 弹性搜索:“Term”,“Match Phrase”和“Query String”之间的差异

术语查询匹配单个术语,因为它是:不分析值。 所以,它不必根据你索引的情况而降低。 如果您在索引时间提供Bennett并且未分析该值,则以下查询将不返回任何内容: { "query": { "te...

xiaomin0322
22分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部